*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050507;--bg-card: #0c0c13;--text: #e8e8f0;--text-muted: #7878a0;--accent-purple: #a78bfa;--accent-cyan: #38bdf8;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--ease: .3s ease;--radius: 16px}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;line-height:1.6;cursor:none}*,a,button{cursor:none!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:2px}.container{max-width:1160px;margin:0 auto;padding:0 2rem}section{padding:7rem 0}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.15}.section-label{display:block;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-purple);margin-bottom:.75rem;font-weight:500}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));border-radius:2px;margin-bottom:3.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#7c3aed,var(--accent-purple));color:#fff;border-radius:50px;text-decoration:none;font-weight:600;font-size:.95rem;transition:transform var(--ease),box-shadow var(--ease);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a78bfa73}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:transparent;color:var(--text);border-radius:50px;text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid var(--card-border);transition:all var(--ease)}.btn-secondary:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#a78bfa14}.cursor{position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor-dot{width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.cursor-ring{width:38px;height:38px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,border-color .2s ease,opacity .2s ease}.cursor-ring.hovered{width:56px;height:56px;border-color:var(--accent-purple)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:background var(--ease),padding var(--ease)}.navbar.scrolled{background:#050507e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 0;border-bottom:1px solid var(--card-border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;text-decoration:none;color:var(--text);letter-spacing:-.02em}.navbar-logo span{color:var(--accent-purple)}.navbar-links{display:flex;align-items:center;gap:2.25rem;list-style:none}.navbar-links a{text-decoration:none;color:var(--text-muted);font-size:.88rem;font-weight:500;transition:color var(--ease);position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--accent-purple);transition:width var(--ease)}.navbar-links a:hover{color:var(--text)}.navbar-links a:hover:after{width:100%}.navbar-links a.active{color:var(--text)}.navbar-links a.active:after{width:100%}.navbar-hire{padding:.55rem 1.4rem;background:transparent;border:1px solid var(--card-border);border-radius:50px;color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:all var(--ease)}.navbar-hire:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#a78bfa14}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-canvas canvas{display:block;width:100%!important;height:100%!important}.hero-content{position:relative;z-index:1;padding-top:6rem;max-width:640px}.hero-greeting{display:block;font-size:.9rem;color:var(--accent-cyan);letter-spacing:.25em;text-transform:uppercase;font-weight:500;margin-bottom:1.25rem;opacity:0;animation:fadeUp .8s ease .2s forwards}.hero-name{font-size:clamp(3.2rem,8vw,6.5rem);font-weight:700;line-height:1;margin-bottom:1.25rem;background:linear-gradient(130deg,#ffffff 25%,var(--accent-purple) 65%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeUp .8s ease .4s forwards}.hero-role-line{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-muted);margin-bottom:2.5rem;font-family:var(--font-heading);font-weight:400;min-height:2.2rem;opacity:0;animation:fadeUp .8s ease .6s forwards}.hero-role-line span{color:var(--text);font-weight:500}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .8s ease .8s forwards}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;z-index:1;opacity:0;animation:fadeUp .8s ease 1.1s forwards}.hero-scroll span{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--accent-purple),transparent);animation:pulse-line 2s ease-in-out infinite}@keyframes pulse-line{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.6)}}.hero-side-links{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:1.25rem;opacity:0;animation:fadeLeft .8s ease 1s forwards}.hero-side-links a{color:var(--text-muted);font-size:1.25rem;display:flex;transition:color var(--ease),transform var(--ease)}.hero-side-links a:hover{color:var(--accent-purple);transform:translate(-4px)}.hero-side-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--card-border),transparent);margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-text p{color:var(--text-muted);font-size:1.02rem;line-height:1.85;margin-bottom:1.5rem}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem}.stat-card .num{font-family:var(--font-heading);font-size:2rem;font-weight:700;display:block;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.2rem}.stat-card .lbl{font-size:.82rem;color:var(--text-muted)}.about-visual{position:relative}.about-avatar{position:relative;width:100%;max-width:380px;aspect-ratio:1;margin:0 auto;border-radius:24px;background:linear-gradient(135deg,#a78bfa14,#38bdf80a);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.about-avatar:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));z-index:-1;opacity:.25}.avatar-monogram{font-family:var(--font-heading);font-size:5.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none}.about-avatar img{width:100%;height:100%;object-fit:cover}.about-badge{position:absolute;padding:.7rem 1.2rem;background:#0c0c13eb;border:1px solid var(--card-border);border-radius:12px;font-size:.82rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.badge-top{top:-1rem;right:-1rem}.badge-bottom{bottom:1.5rem;left:-1.5rem}.dot-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:.4rem;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.projects-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.projects-nav{display:flex;align-items:center;gap:.75rem;padding-bottom:.25rem}.nav-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text);cursor:pointer;transition:all var(--ease)}.nav-arrow:hover:not(:disabled){border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:0 0 16px #a78bfa33}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-counter{font-size:.85rem;color:var(--text-muted);font-weight:500;min-width:2.5rem;text-align:center}.projects-stage{width:100%}.projects-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@keyframes slideInRight{0%{opacity:0;transform:translate(60px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.card-next{animation:slideInRight .42s cubic-bezier(.25,.46,.45,.94) both}.card-prev{animation:slideInLeft .42s cubic-bezier(.25,.46,.45,.94) both}.projects-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.75rem}.proj-dot{width:8px;height:8px;border-radius:50%;background:var(--card-border);border:none;cursor:pointer;transition:all .35s cubic-bezier(.25,.46,.45,.94);padding:0}.proj-dot:hover{background:#a78bfa80}.proj-dot.active{background:var(--accent-purple);width:26px;border-radius:4px}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease)}.project-browser{border-bottom:1px solid var(--card-border);background:#00000059;flex-shrink:0}.browser-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .9rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.browser-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.browser-url{flex:1;margin-left:.5rem;background:#ffffff0f;border-radius:4px;padding:.18rem .6rem;font-size:.65rem;color:var(--text-muted);font-family:var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-screen{width:100%;aspect-ratio:16 / 9;overflow:hidden}.browser-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}.project-card:hover .browser-screen img{transform:scale(1.03)}.project-body{padding:1.75rem 2rem;display:flex;flex-direction:column;flex:1}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity var(--ease)}.project-card:hover{transform:translateY(-8px);border-color:#a78bfa59;box-shadow:0 24px 70px #0000008c,0 0 32px #a78bfa1f}.project-card:hover:before{opacity:1}.p-accent-purple:hover{box-shadow:0 24px 70px #0000008c,0 0 32px #a78bfa2e}.p-accent-amber:hover{box-shadow:0 24px 70px #0000008c,0 0 32px #f59e0b2e;border-color:#f59e0b59}.p-accent-cyan:hover{box-shadow:0 24px 70px #0000008c,0 0 32px #38bdf82e;border-color:#38bdf859}.p-accent-green:hover{box-shadow:0 24px 70px #0000008c,0 0 32px #34d3992e;border-color:#34d39959}.project-card--active{border-color:#a78bfa73;box-shadow:0 20px 60px #00000080,0 0 40px #a78bfa1a}.p-accent-purple.project-card--active{border-color:#a78bfa73;box-shadow:0 20px 60px #00000080,0 0 40px #a78bfa24}.p-accent-amber.project-card--active{border-color:#f59e0b73;box-shadow:0 20px 60px #00000080,0 0 40px #f59e0b24}.p-accent-cyan.project-card--active{border-color:#38bdf873;box-shadow:0 20px 60px #00000080,0 0 40px #38bdf824}.p-accent-green.project-card--active{border-color:#34d39973;box-shadow:0 20px 60px #00000080,0 0 40px #34d39924}.p-accent-purple:before{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.p-accent-amber:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.p-accent-cyan:before{background:linear-gradient(90deg,#38bdf8,#0284c7)}.p-accent-green:before{background:linear-gradient(90deg,#34d399,#059669)}.project-num{font-family:var(--font-heading);font-size:3.5rem;font-weight:800;color:#ffffff0a;line-height:1;margin-bottom:-.25rem}.project-cat{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-purple);font-weight:600;display:block;margin-bottom:.4rem}.p-accent-amber .project-cat{color:#f59e0b}.p-accent-cyan .project-cat{color:var(--accent-cyan)}.p-accent-green .project-cat{color:#34d399}.project-title{font-size:1.35rem;font-weight:700;margin-bottom:.7rem;color:var(--text)}.project-desc{font-size:.9rem;color:var(--text-muted);line-height:1.75;margin-bottom:1.4rem}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem}.ptag{font-size:.72rem;padding:.28rem .7rem;background:#ffffff0d;border:1px solid var(--card-border);border-radius:50px;color:var(--text-muted);font-weight:500}.project-actions{display:flex;gap:.875rem;align-items:center;margin-top:auto;padding-top:1.25rem}.btn-live{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text);text-decoration:none;padding:.5rem 1.2rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.22);border-radius:50px;transition:all var(--ease)}.btn-live:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.p-accent-amber .btn-live{background:#f59e0b1a;border-color:#f59e0b38}.p-accent-amber .btn-live:hover{background:#f59e0b;border-color:#f59e0b}.p-accent-cyan .btn-live{background:#38bdf81a;border-color:#38bdf838}.p-accent-cyan .btn-live:hover{background:var(--accent-cyan);border-color:var(--accent-cyan)}.p-accent-green .btn-live{background:#34d3991a;border-color:#34d39938}.p-accent-green .btn-live:hover{background:#34d399;border-color:#34d399}.btn-gh{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:color var(--ease)}.btn-gh:hover{color:var(--text)}.btn-coming{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted);padding:.5rem 1rem;border:1px dashed rgba(255,255,255,.15);border-radius:50px}.stack-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:3rem}.stack-cat{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.6rem;transition:border-color var(--ease)}.stack-cat:hover{border-color:#a78bfa40}.stack-cat-title{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-purple);font-weight:600;margin-bottom:1.1rem}.stack-items{display:flex;flex-wrap:wrap;gap:.45rem}.stack-item{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ffffff0b;border:1px solid var(--card-border);border-radius:50px;font-size:.78rem;color:var(--text-muted);font-weight:500;transition:all var(--ease)}.stack-item:hover{border-color:#a78bfa4d;color:var(--text);background:#a78bfa0f;transform:translateY(-2px)}.stack-item-icon{display:flex;align-items:center}.stack-item svg{font-size:1.05rem}.hobbies-intro{font-size:1rem;color:var(--text-muted);line-height:1.85;max-width:580px;margin-bottom:3rem}.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.travel-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--card-border)}.travel-card:nth-child(1){grid-column:span 2;aspect-ratio:16/9}.travel-card:nth-child(4){grid-column:span 2;aspect-ratio:16/9}.travel-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.travel-card:hover img{transform:scale(1.06)}.travel-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.travel-placeholder .place-emoji{font-size:2.5rem;opacity:.5}.travel-placeholder .place-name{font-size:.85rem;color:var(--text-muted);font-weight:500}.travel-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.25rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);transform:translateY(101%);transition:transform .3s ease}.travel-card:hover .travel-overlay{transform:translateY(0)}.travel-overlay h3{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.15rem}.travel-overlay span{font-size:.78rem;color:#fff9}.photo-hint{display:flex;align-items:center;gap:.6rem;margin-top:1.5rem;padding:.85rem 1.1rem;background:#a78bfa0a;border:1px dashed rgba(167,139,250,.18);border-radius:10px;font-size:.8rem;color:var(--text-muted)}.photo-hint svg{color:var(--accent-purple);flex-shrink:0}.tc-bg-1{background:linear-gradient(135deg,#1e1b4b,#312e81)}.tc-bg-2{background:linear-gradient(135deg,#1a2744,#1e3a5f)}.tc-bg-3{background:linear-gradient(135deg,#14532d,#166534)}.tc-bg-4{background:linear-gradient(135deg,#451a03,#78350f)}.tc-bg-5{background:linear-gradient(135deg,#1e1b4b,#4c1d95)}.tc-bg-6{background:linear-gradient(135deg,#0c1a2e,#1e3a5f)}.contact-section{text-align:center}.contact-section .section-title{font-size:clamp(2.5rem,6vw,4rem)}.contact-sub{font-size:1rem;color:var(--text-muted);max-width:480px;margin:0 auto 2.5rem;line-height:1.8}.contact-email-btn{display:inline-block;font-family:var(--font-heading);font-size:clamp(1rem,2.5vw,1.6rem);font-weight:600;color:var(--text);text-decoration:none;padding:1rem 2.5rem;border:1px solid var(--card-border);border-radius:50px;transition:all var(--ease);margin-bottom:3rem}.contact-email-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#a78bfa14;box-shadow:0 0 40px #a78bfa24}.contact-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.clink{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;text-decoration:none;color:var(--text-muted);font-size:.88rem;font-weight:500;transition:all var(--ease)}.clink:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#a78bfa14;transform:translateY(-2px)}.clink svg{font-size:1rem}.footer{padding:2.5rem 0;border-top:1px solid var(--card-border);text-align:center}.footer p{font-size:.85rem;color:var(--text-muted)}.footer span{color:var(--accent-purple)}.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}.reveal.d5{transition-delay:.5s}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual{order:-1}.about-avatar{max-width:280px}.projects-row{grid-template-columns:1fr}.travel-grid{grid-template-columns:1fr 1fr}.travel-card:nth-child(1),.travel-card:nth-child(4){grid-column:span 2}.hero-side-links,.navbar-links{display:none}.stack-categories{grid-template-columns:1fr 1fr}}@media (max-width: 600px){section{padding:5rem 0}.hero-cta{flex-direction:column;align-items:flex-start}.travel-grid{grid-template-columns:1fr}.travel-card:nth-child(1),.travel-card:nth-child(4){grid-column:span 1;aspect-ratio:4/3}.contact-links{flex-direction:column;align-items:center}.stack-categories{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#050507;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .7s ease,visibility .7s ease}.preloader--out{opacity:0;visibility:hidden}.pre-orbit{position:absolute;border-radius:50%;border:1px solid rgba(167,139,250,.18);top:50%;left:50%;transform:translate(-50%,-50%);animation:pre-spin linear infinite}.pre-orbit--1{width:320px;height:320px;animation-duration:8s;border-color:#a78bfa38;box-shadow:0 0 18px #a78bfa14 inset}.pre-orbit--1:after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 10px 3px #a78bfacc;transform:translate(-50%)}.pre-orbit--2{width:220px;height:220px;animation-duration:5s;animation-direction:reverse;border-color:#38bdf833}.pre-orbit--2:after{content:"";position:absolute;bottom:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px 3px #38bdf8cc;transform:translate(-50%)}.pre-orbit--3{width:440px;height:440px;animation-duration:14s;border-color:#c481ff1a}.pre-orbit--3:after{content:"";position:absolute;top:40%;left:-3px;width:5px;height:5px;border-radius:50%;background:#c481ff;box-shadow:0 0 10px 3px #c481ffb3}@keyframes pre-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pre-core{position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:50%;background:#a78bfa;box-shadow:0 0 30px 10px #a78bfa80,0 0 60px 20px #a78bfa33;transform:translate(-50%,-50%);animation:pre-pulse 2s ease-in-out infinite}@keyframes pre-pulse{0%,to{box-shadow:0 0 30px 10px #a78bfa80,0 0 60px 20px #a78bfa33}50%{box-shadow:0 0 40px 16px #a78bfab3,0 0 80px 30px #a78bfa4d}}.pre-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:pre-fade-in .6s ease forwards}@keyframes pre-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pre-logo{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;color:var(--accent-purple);letter-spacing:.15em;margin-bottom:1.2rem}.pre-name{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1;background:linear-gradient(135deg,#fff 20%,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;margin-bottom:.4rem}.pre-role{font-size:.85rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.8rem}.pre-bar-wrap{width:180px;height:2px;background:#ffffff14;border-radius:2px;overflow:hidden}.pre-bar{height:100%;background:linear-gradient(90deg,#a78bfa,#38bdf8);border-radius:2px;transition:width .15s ease;box-shadow:0 0 8px #a78bfa99}.pre-pct{font-size:.72rem;color:var(--text-muted);letter-spacing:.1em;margin-top:.5rem;min-width:5ch;text-align:center}