:root{--bg: #050508;--bg-elevated: rgba(255, 255, 255, .06);--text: #f5f5f7;--text-muted: rgba(245, 245, 247, .65);--accent: #b24bf3;--accent-glow: rgba(178, 75, 243, .45);--border: rgba(255, 255, 255, .1);--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--max-width: 980px;--nav-height: 64px;--radius: 14px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;background-color:#030308}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.47059;letter-spacing:-.022em;font-weight:400;background:#030308;color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}#root{position:relative;z-index:1;background:transparent}a{color:var(--accent);text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:#d07aff}.skip-link{position:absolute;left:-999px;top:1rem;z-index:9999;padding:.75rem 1rem;background:var(--accent);color:#000;border-radius:8px;font-weight:600}.skip-link:focus{left:1rem}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em}p{line-height:1.65;color:var(--text-muted)}ul{padding-left:1.1rem}li{margin-bottom:.5rem;color:var(--text-muted);line-height:1.55}.tag{display:inline-block;padding:.25rem .65rem;font-size:.75rem;border-radius:999px;background:#b24bf31f;border:1px solid rgba(178,75,243,.25);color:var(--text);margin:.2rem .25rem 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:999px;font-family:var(--font-display);font-weight:500;font-size:.95rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease-out);text-decoration:none}.btn:hover{border-color:var(--accent);background:#b24bf31f;color:var(--text)}.btn-primary{background:linear-gradient(135deg,var(--accent),#8b2fc9);border-color:transparent;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#c76bff,var(--accent));color:#fff}main .reveal{opacity:0;transform:translateY(48px)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}body:before,body:after{content:"";position:fixed;top:0;left:0;width:2px;height:2px;border-radius:50%;z-index:0;pointer-events:none}body:before{box-shadow:.1vw 2.2vh #ffffffbf,67.7vw 65.7vh #ffffff73,96.7vw 42.2vh #ffffff7a,44vw 44.4vh #ffffffba,33.1vw 99vh #ffffff80,16.6vw 10.5vh #ffffffb8,12.2vw 45.8vh #ffffffd6,49.5vw 63.1vh #ffffffc9,45.7vw 27.2vh #ffffff9e,19.6vw 53.2vh #ffffffa3,88.3vw 29.5vh #ffffff9e,48.4vw 16.5vh #d2aaffc7,99.6vw 56.1vh #ffffffd1,67.8vw 90.4vh #ffffff85,30.1vw 57vh #ffffff5e,44.5vw 98vh #ffffff6e,25vw 95.4vh #ffffff8f,95.6vw 32.5vh #ffffffc9,96.9vw 8.6vh #ffffff82,52vw 75.2vh #ffffffbf,12.4vw 19.3vh #ffffff82,21.8vw 59.4vh #ffffff91,35vw 58.1vh #ffffff63,86vw 36.2vh #d2aaffc2,75.6vw 91.2vh #ffffff59,1.5vw 66.1vh #ffffff7d,90.9vw 43.6vh #ffffffc2,45.3vw 19.6vh #ffffff8a,13.1vw 71.2vh #b4d2ff8f,66.7vw 34.7vh #d2aaff94,92.5vw 96.1vh #ffffff87,47.7vw 77.6vh #ffffffa6,47.4vw 54.2vh #fff9,54.2vw 12.2vh #ffffffbf,6vw 80.1vh #ffffffa8,12.5vw 5.8vh #b4d2ff5e,37.6vw 53.2vh #ffffff63,8.6vw 23.6vh #ffffff9c,98.3vw 76.2vh #ffffff75,43.9vw 93.9vh #ffffffc2,64.1vw 49.4vh #ffffffab,72.7vw 48.7vh #ffffff7d,92.9vw 24vh #d2aaffd6,78vw 56.4vh #d2aaff78,84.9vw 27.1vh #ffffffd1,71.7vw 97.4vh #ffffffc7,40.5vw 10vh #ffffff9c,72.2vw 11.2vh #ffffffc7,94.7vw 33.8vh #ffffff6e,26.9vw 53.3vh #ffffff7d,94vw 91.3vh #b4d2ff73,5.9vw 8.7vh #d2aaffa1,59.9vw 35.5vh #ffffffa1,80.6vw 18.3vh #ffffff5e,63.6vw 32.8vh #b4d2ff70,49.4vw 26.4vh #ffffffbf,52.5vw 11.9vh #fffc,93.3vw 20.3vh #ffffff69,16.1vw 15.3vh #fff9,51.1vw .7vh #ffffffa8,12.6vw 6.2vh #ffffffb5,68.2vw 92.8vh #ffffff9e,58.8vw 22.3vh #ffffff96,62.6vw 49.5vh #ffffff63,63.7vw 59.6vh #d2aaff6e,4.7vw 16.2vh #ffffff9c,28.5vw 39.8vh #ffffff82,29vw 65.4vh #ffffffa8,24vw 11.4vh #ffffff8c,60.4vw 13.8vh #fff9,13.2vw 35.6vh #b4d2ff9e,83.4vw 58.3vh #ffffff73,95.8vw 66.4vh #b4d2ffc9,62.9vw 75.8vh #fff6,65.5vw 6.8vh #b4d2ffc7,42.7vw 55.4vh #ffffffb3,18.6vw 91.4vh #d2aaffd6,22.7vw 66vh #ffffff8f,67.2vw 63.2vh #b4d2ffd1,91.2vw 14.5vh #ffffff8f;animation:galaxy-twinkle-a 3.5s ease-in-out infinite alternate}body:after{box-shadow:43.6vw 93.8vh #fffc,8.8vw 89.3vh #b4d2ff87,47.6vw 53.3vh #ffffff82,4.9vw 23.4vh #ffffffb3,80.5vw 12.2vh #ffffffc4,9.7vw 96.3vh #d2aaff8c,53.3vw 56.9vh #ffffff96,53.8vw 84.5vh #ffffffc7,1.6vw 0 #ffffffb3,99.3vw 21.6vh #b4d2ff8a,38.7vw 56.4vh #fff6,59.2vw 94.9vh #ffffffbd,69.7vw 4.3vh #ffffff91,68.1vw 95.2vh #d2aaffcc,72.2vw 20.4vh #ffffff75,96.3vw 40.8vh #ffffffc9,48.4vw 46.1vh #ffffffa6,98.9vw 47.8vh #ffffff61,47vw 67.1vh #ffffffd1,40.4vw 77.9vh #ffffffba,72.6vw 48.6vh #ffffff9c,83vw 13.7vh #ffffffd1,27.4vw 8.5vh #ffffff7a,65.7vw 97.6vh #ffffffc2,60vw 27.7vh #ffffffd1,.7vw 7.1vh #ffffff94,95.2vw 70.8vh #ffffff8f,97.1vw 61.6vh #ffffffa3,55.9vw 27.7vh #d2aaffc9,75vw 55.1vh #ffffffd4,7.8vw 56.3vh #ffffff8f,19.5vw 70.6vh #ffffffab,29.6vw 13.3vh #ffffff7d,18.5vw 15.6vh #d2aaff8f,99.8vw 11.4vh #ffffff75,91.7vw 70.2vh #ffffff8f,44.3vw 81.1vh #ffffff6b,12.9vw 33vh #d2aaff9c,97vw 95.3vh #ffffff82,32.4vw 80.6vh #ffffff8a,88.8vw 25.4vh #ffffffd9,18.4vw 76.6vh #ffffffba,84.4vw 71.6vh #ffffff9e,40.8vw 24.9vh #ffffff69,6.1vw 56.2vh #ffffffc2,19.8vw 22.6vh #ffffff91,25.8vw 48.4vh #ffffff96,23.7vw 70vh #ffffffc7,79.7vw 77.6vh #ffffffa8,86.1vw 26.5vh #ffffffb8,11.4vw 15.9vh #ffffffb3,56.9vw 57vh #ffffff8a,93.8vw 7.2vh #ffffffa3,29.6vw 32.8vh #fffc,44.8vw 89.7vh #ffffffc4,21vw 45.8vh #d2aaff7a,65.8vw 55.1vh #ffffffa1,17.4vw 94.1vh #ffffff5c,65.2vw 78.2vh #ffffffad,85.5vw 35vh #d2aaffa8,52.4vw 31.4vh #ffffffa1,82.1vw 29.1vh #b4d2ffab,84.1vw 46.7vh #ffffff5e,69.3vw 43.9vh #ffffff5c,92vw 28vh #ffffffb5,34vw 99.4vh #ffffffb8,84.1vw 22.4vh #ffffffab,82vw 74.1vh #ffffffbf,23.3vw 65.6vh #ffffff73,11.6vw 69.8vh #ffffffd1,74.8vw 19.7vh #ffffff80,74.7vw 41.5vh #ffffff94,2.7vw 53.5vh #ffffff61,70.7vw 96.8vh #d2aaff7a,84.4vw 60.1vh #ffffff70,77.5vw 52.3vh #ffffffad,91.5vw 42.3vh #d2aaff8c,74.2vw 5.5vh #b4d2ff99,27.6vw 64.3vh #ffffff94,60.2vw 99.6vh #ffffff61;animation:galaxy-twinkle-b 2.8s ease-in-out infinite alternate-reverse}@keyframes galaxy-twinkle-a{0%,to{opacity:.4}50%{opacity:.95}}@keyframes galaxy-twinkle-b{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion: reduce){body:before,body:after{animation:none;opacity:.7}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;opacity:0;transform:translateY(-100%);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);pointer-events:none}.nav--visible{opacity:1;transform:translateY(0);pointer-events:auto}.nav-inner{width:min(100% - 2rem,var(--max-width));margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#050508b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:999px;height:52px}.nav-logo{font-family:var(--font-display);font-weight:600;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--text-muted);font-size:.9rem;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-link--hinge{color:#fe3c72!important;font-weight:600}.nav-link--hinge:hover{color:#ff6b9d!important}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-canvas,.hero-canvas-fallback{width:100%;height:100%}.hero-canvas-fallback{background:radial-gradient(circle at 50% 30%,rgba(178,75,243,.2),var(--bg))}.hero-overlay{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;pointer-events:none}.hero-overlay *{pointer-events:auto}.hero-eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 .5rem;min-height:1.25em;animation:eyebrow-in .5s var(--ease-out)}@keyframes eyebrow-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-cta{animation:cta-float 4s ease-in-out infinite}@keyframes cta-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hero-title{margin:0}.hero-tagline{font-family:var(--font-display);font-size:clamp(1.1rem,3vw,1.5rem);color:var(--text);margin:.75rem 0 .25rem}.hero-subtitle{font-size:1rem;margin:0 0 .35rem}.hero-open-to{font-size:.9rem;color:var(--accent);margin:0 0 1.75rem;letter-spacing:.04em}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.scroll-hint{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted);animation:bounce 2s ease-in-out infinite}.scroll-hint-orbs{font-size:.72rem;color:var(--accent);opacity:.9}.scroll-hint-chevron{font-size:1.2rem}@keyframes bounce{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(10px);opacity:1}}.section{display:flex;flex-direction:column;align-items:center}.section-inner{width:min(100%,var(--max-width))}.section-title{font-size:clamp(2rem,5vw,3rem);margin:0 0 .5rem;text-align:center}.section-subtitle{text-align:center;margin:0 auto 3rem;max-width:36ch}.about-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width: 768px){.about-grid{grid-template-columns:280px 1fr;gap:3rem}}.about-photo{width:100%;max-width:280px;border-radius:var(--radius);border:1px solid var(--border);object-fit:cover;aspect-ratio:1}.about-copy p{font-size:1.05rem}.about-contact-line a{color:var(--accent)}.education-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.education-header h3{margin:0 0 .35rem;font-size:1.35rem}.education-cert{display:block;color:var(--accent);font-size:.95rem;margin-bottom:.25rem}.education-stats{font-size:1rem;color:var(--text);margin:1rem 0}.education-coursework-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .75rem}.experience-grid .card{max-width:100%}.card-badge{display:inline-block;margin-top:.5rem;padding:.2rem .6rem;font-size:.75rem;border-radius:999px;background:#b24bf333;border:1px solid rgba(178,75,243,.35);color:var(--text)}.project-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.project-actions .project-link{width:auto;flex:1;min-width:120px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.tilt-card,.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .25s,box-shadow .25s;transform-style:preserve-3d;will-change:transform}.tilt-card:hover{border-color:#b24bf366;box-shadow:0 20px 40px #0006}.card h3{margin:0 0 .35rem;font-size:1.25rem}.card-org,.card-role{display:block;font-size:.85rem;color:var(--accent);margin-bottom:.25rem}.card-period{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.card-tags{margin:1rem 0}.project-link{margin-top:.5rem;width:100%}.skills-grid{display:grid;gap:2rem}@media (min-width: 600px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skills-group h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .75rem}.tag--skill:hover{background:#b24bf340;transform:scale(1.05);transition:transform .2s}.contact-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer{position:relative;z-index:1;text-align:center;padding:3rem 1.5rem 4rem;border-top:1px solid var(--border);background:#05050885;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer p{margin:.25rem 0;font-size:.9rem}.footer-copy{color:var(--text-muted)}.easter-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;background:var(--accent);color:#fff;border-radius:999px;font-weight:600;z-index:9999;animation:toast-in .4s var(--ease-out)}body.easter-active:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(100,200,255,.25),transparent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.magnetic{will-change:transform}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width: 600px){.nav-links{gap:.75rem;font-size:.8rem}.hero-cta .btn{padding:.7rem 1.1rem;font-size:.85rem}}.mode-gate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#030308d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mode-gate-card{width:min(440px,100%);padding:1.75rem 1.5rem 1.5rem;border-radius:calc(var(--radius) + 6px);border:1px solid rgba(178,75,243,.35);background:linear-gradient(165deg,#160e24fa,#08080efa);box-shadow:0 0 0 1px #ffffff0f inset,0 24px 64px #0000008c,0 0 80px #b24bf31f;animation:mode-gate-in .45s var(--ease-out)}@keyframes mode-gate-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-gate-eyebrow{margin:0 0 .5rem;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.mode-gate-title{margin:0 0 .65rem;font-size:clamp(1.5rem,5vw,1.85rem);font-weight:700;letter-spacing:-.03em;color:var(--text);line-height:1.15}.mode-gate-desc{margin:0 0 1.35rem;font-size:1rem;line-height:1.55;color:var(--text-muted)}.mode-gate-actions{display:flex;flex-direction:column;gap:.65rem}.mode-gate-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.95rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--ease-out)}.mode-gate-btn:hover{transform:translateY(-1px)}.mode-gate-btn--fun{border-color:#b24bf38c;background:#b24bf324}.mode-gate-btn--fun:hover{border-color:var(--accent);background:#b24bf338}.mode-gate-btn--pro:hover{border-color:#ffffff38;background:#ffffff14}.mode-gate-btn-label{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.mode-gate-btn-sub{font-size:.85rem;font-weight:500;color:var(--text-muted);line-height:1.35}.mode-gate-foot{margin:1rem 0 0;font-size:.78rem;line-height:1.4;color:#f5f5f773;text-align:center}@media (prefers-reduced-motion: reduce){.mode-gate-card{animation:none}.mode-gate-btn:hover{transform:none}}@media (prefers-reduced-motion: reduce){.scroll-hint,.hero-cta,.hero-eyebrow{animation:none}.tilt-card:hover{transform:none}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-scroll{height:200vh;position:relative;z-index:1}.hero-sticky{position:sticky;top:0;height:100vh;min-height:600px;overflow:hidden}.hero-title{display:flex;flex-direction:column;align-items:center;gap:.05em}.hero-title-line{display:block;font-size:clamp(2.75rem,10vw,5.5rem);line-height:1;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title-line--accent{background:linear-gradient(135deg,#e0a3ff 0%,var(--accent) 50%,#7b2cbf 100%);-webkit-background-clip:text;background-clip:text}.stats-strip{position:relative;z-index:1;background:#0505087a!important;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem 1.5rem}.stats-strip-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (min-width: 768px){.stats-strip-inner{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-value{display:block;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:600;color:var(--text);line-height:1.1}.stat-label{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.35rem;text-transform:uppercase;letter-spacing:.06em}.stat-item--pop .stat-value{animation:stat-pop .45s var(--ease-out)}@keyframes stat-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.section{position:relative;z-index:1;min-height:100vh;padding:7rem 1.5rem}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,rgba(5,5,8,.85),transparent);pointer-events:none}.section--projects{padding-left:0;padding-right:0;min-height:100vh}.section-title{font-size:clamp(2.5rem,8vw,4.5rem)}.nav-link--active{color:var(--text)!important;position:relative}.nav-link--active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px}.about-split{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}@media (min-width: 900px){.about-split{grid-template-columns:minmax(260px,340px) 1fr;gap:4rem}}.about-photo-frame{padding:4px;border-radius:calc(var(--radius) + 4px);background:linear-gradient(135deg,var(--accent),#4da6ff,var(--accent));box-shadow:0 24px 60px #b24bf340}.about-photo{width:100%;border-radius:var(--radius);display:block;object-fit:cover;object-position:center 15%;aspect-ratio:4 / 5}.timeline{position:relative;padding-left:2rem;margin-top:2rem}.timeline-line{position:absolute;left:.4rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),rgba(178,75,243,.2));transform-origin:top}.timeline-item{position:relative;margin-bottom:2.5rem}.timeline-dot{position:absolute;left:-1.65rem;top:1.25rem;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.timeline-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.75rem;transition:border-color .3s,box-shadow .3s}.timeline-item--featured .timeline-card{border-color:#b24bf373;box-shadow:0 0 40px #b24bf31f}.timeline-card:hover{border-color:#b24bf359}.timeline-card h3{margin:0 0 .35rem;font-size:1.2rem}.sponta-featured{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;max-width:var(--max-width);margin:0 auto 2.5rem;padding:2.5rem 1.5rem;border-radius:calc(var(--radius) + 6px);border:1px solid rgba(178,75,243,.35);background:linear-gradient(135deg,#b24bf31f,#050508f2 55%);box-shadow:0 32px 80px #b24bf326}@media (min-width: 900px){.sponta-featured{grid-template-columns:1fr 280px;padding:3rem;gap:3rem}}.sponta-flagship-badge{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem}.sponta-featured-title{font-size:clamp(2.5rem,7vw,3.5rem);margin:0;color:#e0a3ff}.sponta-featured-role{color:var(--text-muted);margin:.5rem 0 1rem}.sponta-featured-desc{font-size:1.05rem;max-width:52ch}.sponta-metrics{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0}.phone-mockup{display:flex;flex-direction:column;align-items:center;gap:1rem}.phone-frame{width:240px;padding:12px;border-radius:36px;background:linear-gradient(145deg,#2a2a32,#0a0a0f);border:2px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #00000080,inset 0 1px #ffffff1a}.phone-notch{width:80px;height:22px;background:#0a0a0f;border-radius:0 0 14px 14px;margin:0 auto 8px}.phone-screen{position:relative;aspect-ratio:9 / 19.5;border-radius:24px;overflow:hidden;background:#000}.phone-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.phone-slide--active{opacity:1}.phone-dots{display:flex;gap:.4rem}.phone-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#ffffff40;cursor:pointer}.phone-dot--active{background:var(--accent);transform:scale(1.2)}.project-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:var(--max-width);margin:0 auto 1.5rem;padding:0 1.5rem}.project-tab{padding:.55rem 1.2rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-display);font-size:.9rem;cursor:pointer;transition:transform .2s var(--ease-out),border-color .2s,background .2s}.project-tab:hover{transform:scale(1.04);border-color:color-mix(in srgb,var(--tab-accent, var(--accent)) 50%,transparent)}.project-tab--active{color:var(--text);border-color:var(--tab-accent, var(--accent));background:color-mix(in srgb,var(--tab-accent, var(--accent)) 18%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--tab-accent, var(--accent)) 25%,transparent)}.project-showcase-wrap{margin-top:1rem}.project-track{display:flex;gap:2rem;padding:1rem max(1.5rem,calc((100vw - var(--max-width)) / 2)) 2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;width:100%;max-width:100vw;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;overscroll-behavior-x:contain}.project-track:active{cursor:grabbing}.project-panel{flex:0 0 min(88vw,680px);scroll-snap-align:center;min-height:50vh;padding:3rem;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0f,#050508e6 60%);position:relative;overflow:hidden}.project-panel:before{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:80%;background:radial-gradient(circle,color-mix(in srgb,var(--panel-accent) 35%,transparent),transparent 70%);pointer-events:none}.project-panel-index{font-family:var(--font-display);font-size:4rem;font-weight:600;opacity:.12;position:absolute;top:1rem;right:1.5rem}.project-panel-title{font-size:clamp(2.5rem,6vw,4rem);margin:0 0 .5rem;color:var(--panel-accent, var(--accent))}.project-panel-role{color:var(--text-muted);margin:0 0 1.25rem}.project-panel-desc{font-size:1.1rem;max-width:52ch;margin-bottom:1.5rem}.project-demo-video{max-width:min(100%,520px);margin-bottom:1.5rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#00000059}.project-demo-video video{display:block;width:100%;height:auto;vertical-align:middle}.project-metrics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.metric-chip{padding:.35rem .85rem;border-radius:999px;font-size:.8rem;font-weight:500;background:color-mix(in srgb,var(--panel-accent, var(--accent)) 18%,transparent);border:1px solid color-mix(in srgb,var(--panel-accent, var(--accent)) 40%,transparent);color:var(--text)}.project-scroll-hint{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:1.5rem;padding-bottom:2rem}@media (max-width: 768px){.project-track{padding:0 1rem 1.5rem}.project-panel{flex:0 0 92vw;min-height:auto}.sponta-featured{margin-left:1rem;margin-right:1rem}}.skills-interactive{max-width:var(--max-width);margin:0 auto}.skills-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.skills-tab{padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:all .25s var(--ease-out)}.skills-tab:hover,.skills-tab--active{border-color:var(--accent);color:var(--text);background:#b24bf326}.skills-tab--dim{opacity:.35}.skills-panel--single{min-height:100px;display:flex;justify-content:center;align-items:center;animation:skills-fade .35s var(--ease-out)}@keyframes skills-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skills-tags--large .tag{font-size:.95rem;padding:.45rem 1rem}.cursor-trail{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:49}.cursor-trail-dot{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);pointer-events:none;will-change:transform,opacity}.cursor-glow{position:fixed;top:0;left:0;width:400px;height:400px;margin:-200px 0 0 -200px;background:radial-gradient(circle,rgba(178,75,243,.15) 0%,transparent 65%);pointer-events:none;z-index:50;mix-blend-mode:screen}.confetti-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10000;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confetti-fall 1.8s ease-out forwards}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (prefers-reduced-motion: reduce){.hero-scroll{height:auto}.hero-sticky{position:relative;height:100vh}.project-track{flex-direction:column;width:100%}.cursor-glow{display:none}}.universe-canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:0;pointer-events:auto;background:transparent}.universe-canvas,.universe-canvas canvas{width:100%!important;height:100%!important;display:block}.universe-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:transparent;pointer-events:none}.universe-fallback--animated{background:transparent}@keyframes fallback-twinkle{0%{opacity:.85}to{opacity:1}}.main-content{position:relative;z-index:1;background:transparent}.orb-label{padding:.35rem .7rem;border-radius:8px;background:#050508bf;border:1px solid rgba(255,255,255,.15);text-align:center;white-space:nowrap;font-size:.72rem;color:#ffffffd9;transform:translateY(120%);transition:border-color .2s,background .2s}.orb-label strong{font-family:var(--font-display);font-size:.82rem;font-weight:600}.orb-label--hover{border-color:#b24bf3b3;background:#050508eb}.explore-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-radius:999px;background:#050508e6;border:1px solid rgba(178,75,243,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;animation:banner-in .6s var(--ease-out)}.explore-banner p{margin:0;font-size:.9rem;color:var(--text)}.explore-banner-dismiss{padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border);background:#b24bf333;color:var(--text);font-size:.8rem;cursor:pointer;font-family:var(--font-display)}.explore-banner-dismiss:hover{border-color:var(--accent)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-quality{padding:.35rem .65rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.7rem;font-family:var(--font-display);cursor:pointer;letter-spacing:.05em}.nav-quality:hover{color:var(--accent);border-color:var(--accent)}.section,.section--about,.section--experience,.section--projects{background:#0505087a!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06)}.stats-strip{background:#0505088c!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-scroll,.hero-sticky{background:transparent}.hero-overlay{background:radial-gradient(ellipse 55% 45% at 50% 45%,rgba(5,5,8,.2),transparent 75%)}.hero-scroll{background:transparent!important}@media (prefers-reduced-motion: reduce){.explore-banner{animation:none}}@media (max-width: 768px){.explore-banner{flex-direction:column;text-align:center;max-width:calc(100% - 2rem)}}.hero-planets{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.hero-planet-slot{position:absolute;pointer-events:auto;animation:planet-float 5s ease-in-out infinite}.planet-deco{position:absolute;width:var(--deco-size);height:var(--deco-size);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--deco-color),transparent 70%);box-shadow:0 0 20px var(--deco-color);pointer-events:none;animation:planet-float 6s ease-in-out infinite}@keyframes planet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.planet-orb{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:none;background:none;cursor:pointer;font-family:var(--font-display);transition:transform .25s var(--ease-out)}.planet-orb:hover{transform:scale(1.08)}.planet-orb--active .planet-orb-core{box-shadow:0 0 0 3px color-mix(in srgb,var(--planet-color) 50%,transparent),0 0 40px var(--planet-color),0 0 80px color-mix(in srgb,var(--planet-color) 60%,transparent)}.planet-orb-glow{position:absolute;top:50%;left:50%;width:calc(var(--planet-size) * 1.8);height:calc(var(--planet-size) * 1.8);transform:translate(-50%,-55%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--planet-color) 45%,transparent),transparent 68%);pointer-events:none}.planet-orb-core{display:block;width:var(--planet-size);height:var(--planet-size);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0%,var(--planet-color) 35%,color-mix(in srgb,var(--planet-color) 80%,#000) 100%);box-shadow:0 0 30px var(--planet-color),0 0 60px color-mix(in srgb,var(--planet-color) 50%,transparent),inset 0 -8px 20px #0006}.planet-orb-label{font-size:.75rem;font-weight:600;color:#ffffffe6;text-shadow:0 0 12px var(--planet-color);letter-spacing:.04em}.project-planets-row{text-align:center;margin:0 auto 2rem;padding:0 1.5rem;max-width:var(--max-width)}.project-planets-hint{margin:0 0 1.25rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}.project-planets-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 2.5rem}.project-planets-grid .planet-orb{pointer-events:auto}@media (max-width: 768px){.hero-planet-slot:nth-child(n+3){display:none}.hero-planet-slot .planet-orb{transform:scale(.85)}.project-planets-grid{gap:1.25rem 1.5rem}}@media (prefers-reduced-motion: reduce){.hero-planet-slot,.planet-deco{animation:none}}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.starfield-star{position:absolute;border-radius:50%;background:#fff;opacity:var(--star-opacity, .55);animation:star-twinkle ease-in-out infinite;transform:translate(-50%,-50%);box-shadow:0 0 3px #ffffff8c}.starfield-star--purple{background:#dcc4ff;box-shadow:0 0 4px #b24bf380}.starfield-star--blue{background:#c0d8ff;box-shadow:0 0 3px #4da6ff73}@keyframes star-twinkle{0%,to{opacity:calc(var(--star-opacity, .5) * .25);transform:translate(-50%,-50%) scale(.75)}35%{opacity:calc(var(--star-opacity, .55) * .55);transform:translate(-50%,-50%) scale(.95)}50%{opacity:min(1,calc(var(--star-opacity, .65) * 1.35));transform:translate(-50%,-50%) scale(1.2)}65%{opacity:calc(var(--star-opacity, .5) * .7);transform:translate(-50%,-50%) scale(1)}}.starfield--calm .starfield-star{animation:none;opacity:var(--star-opacity, .5)}@media (prefers-reduced-motion: reduce){.starfield-star{animation:none;opacity:var(--star-opacity, .5)}}