:root{--bg: #0c0c0f;--bg-elevated: #141418;--bg-card: #18181d;--bg-alt: #111114;--text: #f4f4f5;--text-muted: #a1a1aa;--border: #27272a;--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .35);--accent-dim: #6d28d9;--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--max-width: 72rem;--header-height: 4rem;--reveal-offset: 28px;--transition-reveal: .6s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-weight:400;font-size:1.0625rem;line-height:1.65;color:var(--text);background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(88,28,135,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 100% at 100% 50%,rgba(67,56,202,.12) 0%,transparent 45%),radial-gradient(ellipse 80% 100% at 0% 80%,rgba(139,92,246,.15) 0%,transparent 45%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.bg-mesh{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-mesh-orb{position:absolute;border-radius:50%;filter:blur(50px);animation:orb-float 20s ease-in-out infinite;will-change:transform}.bg-mesh-orb-1{width:75vmin;height:75vmin;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.5) 0%,rgba(139,92,246,.2) 40%,transparent 70%);top:-25%;left:-15%;opacity:.9;animation-delay:0s}.bg-mesh-orb-2{width:65vmin;height:65vmin;background:radial-gradient(circle at 70% 30%,rgba(99,102,241,.45) 0%,rgba(99,102,241,.15) 45%,transparent 70%);top:30%;right:-20%;opacity:.85;animation-delay:-7s;animation-duration:25s}.bg-mesh-orb-3{width:55vmin;height:55vmin;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.4) 0%,rgba(139,92,246,.15) 50%,transparent 70%);bottom:-15%;left:20%;opacity:.85;animation-delay:-14s;animation-duration:22s}.bg-mesh-orb-4{width:45vmin;height:45vmin;background:radial-gradient(circle at 50% 50%,rgba(129,140,248,.35) 0%,rgba(99,102,241,.1) 50%,transparent 70%);top:60%;left:-5%;opacity:.8;animation-delay:-5s;animation-duration:24s}.bg-mesh-glow{position:absolute;inset:0;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(139,92,246,.12) 0%,transparent 55%);pointer-events:none}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4%,-5%) scale(1.08)}66%{transform:translate(-3%,3%) scale(.95)}}.header{position:sticky;top:0;z-index:100;background:#0c0c0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow .3s ease,border-color .3s ease}.header.scrolled{box-shadow:0 4px 30px #0006;border-bottom-color:#27272acc}.nav{max-width:var(--max-width);margin:0 auto;padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.nav-logo:hover{opacity:.9}.nav-logo-img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:contain;display:block}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-lg)}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9375rem;letter-spacing:.02em;transition:color .2s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .25s ease}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:var(--bg-card);border:1px solid var(--border);padding:8px;cursor:pointer;border-radius:6px;transition:border-color .2s ease}.nav-toggle:hover{border-color:var(--accent)}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text)}main{flex:1}.reveal{opacity:0;transform:translateY(var(--reveal-offset));transition:opacity var(--transition-reveal),transform var(--transition-reveal)}.reveal.visible{opacity:1;transform:translateY(0)}.hero .reveal[data-delay="0"].visible{transition-delay:0s}.hero .reveal[data-delay="1"].visible{transition-delay:.1s}.hero .reveal[data-delay="2"].visible{transition-delay:.2s}.hero .reveal[data-delay="3"].visible{transition-delay:.35s}.hero{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);min-height:90vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border);position:relative;overflow:visible}.hero-tilt{perspective:1000px;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform;overflow:visible}.hero-layout{display:flex;align-items:flex-start;gap:var(--space-xl);flex-wrap:wrap}.hero-para-row{width:100%;flex-basis:100%;order:3}.hero-avatar-wrap{flex-shrink:0;position:relative}.hero-avatar-wrap:before{content:"";position:absolute;left:50%;top:50%;width:140%;height:140%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(139,92,246,.35) 0%,rgba(139,92,246,.15) 35%,rgba(99,102,241,.08) 55%,transparent 70%);pointer-events:none;z-index:0}.hero-avatar{position:relative;z-index:1;width:clamp(8rem,20vw,11rem);height:clamp(8rem,20vw,11rem);object-fit:contain;display:block;margin-left:6rem}.hero-avatar-caption{margin-top:.75rem;padding:0 .25rem;color:var(--text);text-align:center}.hero-caption-line1{margin:0 0 .25rem;font-family:var(--font-body);font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.hero-cursor{display:inline-block;animation:blink 1s step-end infinite;margin-left:1px}@keyframes blink{50%{opacity:0}}.hero-caption-line2{margin:0;font-size:clamp(.9rem,2.2vw,1.05rem);font-weight:400;color:var(--text)}.hero-caption-link{color:var(--accent);text-decoration:none;font-weight:500}.hero-caption-link:hover{opacity:.9}.hero-caption-logo{display:inline-block;height:1.25rem;width:auto;vertical-align:middle}.hero-caption-para{margin:1.5rem auto 0;font-size:clamp(1rem,2.6vw,1.2rem);font-weight:400;line-height:1.55;color:var(--text);max-width:52%;width:100%;text-align:center}.hero-text-wrap{flex:1;min-width:18rem;margin-top:-5rem;position:relative;z-index:2}.hero-title-with-arrow{position:relative;display:inline-block}.hero-arrow{position:absolute;left:-4.5rem;top:50%;width:3.5rem;height:2.8rem;color:var(--accent);opacity:.9;pointer-events:none;transform:translateY(-50%)}.hero-arrow-line{animation:arrow-dash-flow 1.2s linear infinite}@keyframes arrow-dash-flow{to{stroke-dashoffset:-18}}.hero-label{font-size:.875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:1rem 0 var(--space-sm)}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.15;margin:0 0 var(--space-md);letter-spacing:-.02em;color:var(--text);text-shadow:0 0 40px var(--accent-glow)}.hero-name{background:linear-gradient(135deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:36ch;margin:0 0 var(--space-xl);font-weight:300}.hero-tech-line{margin:.5rem 0 0;font-size:clamp(1.2rem,2.8vw,1.5rem);color:var(--text-muted)}.hero-tech-word{font-weight:600;transition:color .25s ease}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:.9375rem;font-weight:500;letter-spacing:.05em;text-decoration:none;border:2px solid var(--accent);transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer}.btn-primary{background:var(--accent);color:var(--text);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.section{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);contain:layout style}.section-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400;margin:0 0 var(--space-xl);letter-spacing:-.02em;color:var(--text)}.about{background:var(--bg-alt)}.about-inner{display:flex;align-items:center;gap:var(--space-2xl);max-width:56rem;margin:0 auto}.about-content{flex:1;min-width:0}.about-content p{margin:0 0 var(--space-md);color:var(--text-muted)}.about-lead{font-size:1.25rem;font-weight:500;color:var(--text)}.about-photo{flex-shrink:0;width:min(100%,18rem);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--border);box-shadow:0 12px 32px #00000040,0 0 24px var(--accent-glow)}.about-photo-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.skills-group{margin-bottom:var(--space-lg)}.skills-group:last-of-type{margin-bottom:0}.skills-category{font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-sm)}.skills-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skills-list li{padding:var(--space-xs) var(--space-md);border:1px solid var(--border);background:var(--bg-card);font-size:.9375rem;font-weight:500;letter-spacing:.02em;color:var(--text-muted);border-radius:6px;transition:border-color .2s ease,background .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease;cursor:default}.skills-list li:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf626}.skills-orbit-wrap{margin-top:var(--space-2xl);text-align:center}.skills-statement{max-width:42rem;margin:0 auto var(--space-xl);font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6;color:var(--text-muted)}.skills-statement .highlight{color:var(--accent);font-weight:600}.skills-hub{position:relative;width:min(420px,92vw);margin:0 auto;min-height:280px;padding-bottom:4rem}.skills-hub-connectors{position:absolute;left:0;top:0;width:100%;height:100%;color:var(--accent);opacity:0;visibility:hidden;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent-glow));pointer-events:none;z-index:0;transition:opacity .8s ease-out 2.9s,visibility 0s linear 2.9s;overflow:visible}.skills-orbit-wrap.skills-hub-revealed.skills-connectors-visible .skills-hub-connectors{visibility:visible;opacity:.5;transition:opacity .8s ease-out,visibility 0s}.skills-hub-rows{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:.5rem}.skills-hub-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:1.25rem}.skills-hub-row-2{padding-left:1.5rem}.skills-hub-item{width:2.75rem;height:2.75rem;padding:.35rem;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;opacity:0;--throw-x: 0;--throw-y: 0;--burst-dx: 0;--burst-dy: 0;--burst-delay: 0ms;transform:translate(var(--throw-x),var(--throw-y)) scale(0);transform-origin:center center;position:relative}.skills-orbit-wrap.skills-hub-revealed .skills-hub-item{animation:skill-burst 1.5s cubic-bezier(.34,1.5,.64,1) var(--burst-delay) forwards;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:grab}@keyframes skill-burst{0%{opacity:0;transform:translate(var(--throw-x),var(--throw-y)) scale(0)}50%{opacity:1;transform:translate(var(--burst-dx),var(--burst-dy)) scale(1.12)}to{opacity:1;transform:translate(0) scale(1)}}.skills-hub-item:active{cursor:grabbing}.skills-hub-item.dragging{pointer-events:auto;z-index:10;animation:none;touch-action:none}.skills-orbit-wrap.skills-hub-revealed .skills-hub-item:hover:not(.dragging){border-color:var(--accent);box-shadow:0 0 14px #8b5cf64d;transform:scale(1.1) translate(0);transition-delay:0s}.skills-hub-icon{width:100%;height:100%;object-fit:contain}.skills-hub-icon-svg{filter:invert(1) brightness(1.15)}.skills-hub-cta{position:absolute;left:50%;bottom:0;transform:translate(-50%) translateY(-2rem);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}.skills-hub-cta-label{font-family:Caveat,cursive;font-size:2.2rem;font-weight:500;color:var(--accent);opacity:.95;white-space:nowrap;overflow:hidden;width:0;display:inline-block;text-shadow:0 0 12px var(--accent-glow);letter-spacing:.02em;transform:translateY(-3.25rem);animation:skills-typewriter 2.5s steps(22) forwards,skills-hint-pulse 2s ease-in-out 2.5s infinite}@keyframes skills-typewriter{0%{width:0}to{width:22ch}}.skills-hub-cta-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent);opacity:.9;filter:drop-shadow(0 0 6px var(--accent-glow));animation:skills-arrow-bounce 1.5s ease-in-out infinite}.skills-hub-cta-arrow svg{display:block}@keyframes skills-arrow-bounce{0%,to{transform:translateY(-2.1rem);opacity:.9}50%{transform:translateY(calc(-2.1rem + 6px));opacity:1}}.skills-orbit-wrap.skills-hub-revealed .skills-hub-cta-label,.skills-orbit-wrap.skills-hub-revealed .skills-hub-cta-arrow{opacity:0;pointer-events:none;transition:opacity .4s ease;animation:none}.skills-hub-hint{font-size:.8rem;color:var(--accent);opacity:.9;white-space:nowrap;animation:skills-hint-pulse 2s ease-in-out infinite;text-shadow:0 0 12px var(--accent-glow)}.skills-orbit-wrap.skills-hub-revealed .skills-hub-hint{opacity:0;pointer-events:none;animation:none;transition:opacity .4s ease}@keyframes skills-hint-pulse{0%,to{opacity:.9;transform:translateY(-3.25rem) scale(1)}50%{opacity:1;transform:translateY(-3.25rem) scale(1.02)}}.skills-hub-center{width:5rem;height:4rem;border-radius:50%;background:#8b5cf640;border:1px solid rgba(139,92,246,.5);z-index:2;box-shadow:0 0 40px var(--accent-glow),inset 0 0 20px #8b5cf626;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.skills-hub-center:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skills-hub-center-logo{width:100%;height:100%;object-fit:contain;border-radius:50%;animation:skills-logo-breathe 2.5s ease-in-out infinite}@keyframes skills-logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(.92)}}.skills-hub-center.playing .skills-hub-center-logo{animation:skills-logo-sink-reshink .5s ease-out forwards}@keyframes skills-logo-sink-reshink{0%{transform:scale(1)}40%{transform:scale(.85)}to{transform:scale(1)}}.experience{background:var(--bg-alt)}.timeline{display:flex;flex-direction:column;gap:var(--space-xl)}.timeline-item{border-bottom:1px solid var(--border);padding-bottom:var(--space-xl);padding-left:var(--space-md);border-left:2px solid transparent;margin-left:-2px;transition:border-left-color .25s ease,background .25s ease;border-radius:0 8px 8px 0}.timeline-item:hover{border-left-color:var(--accent);background:#8b5cf60a}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.timeline-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md)}.timeline-header h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0;color:var(--text)}.timeline-company{font-size:.9375rem;color:var(--text-muted)}.timeline-date{font-size:.875rem;color:var(--text-muted);margin-left:auto}.timeline-list{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.9375rem;line-height:1.7}.timeline-list li{margin-bottom:var(--space-xs)}.timeline-list li:last-child{margin-bottom:0}.project-date{display:block;font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.projects{background:var(--bg-alt)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-lg);perspective:1200px}.project-card{background:var(--bg-card);border:1px solid var(--border);overflow:hidden;border-radius:12px;transform-style:preserve-3d;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease-out;will-change:transform}.project-card:hover{border-color:#8b5cf666;box-shadow:0 20px 40px #0000004d,0 0 40px var(--accent-glow)}.project-image{aspect-ratio:16/10;background:linear-gradient(135deg,var(--border) 0%,var(--bg-elevated) 100%);border-bottom:1px solid var(--border);overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-body{padding:var(--space-md)}.project-body h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;margin:0 0 var(--space-xs);color:var(--text)}.project-tagline{font-weight:500;color:var(--accent);margin:0 0 var(--space-xs);font-size:.9375rem}.project-body p{margin:0 0 var(--space-sm);color:var(--text-muted);font-size:.9375rem}.project-tech{font-size:.8125rem!important;color:var(--text-muted)!important;margin-bottom:var(--space-sm)!important;letter-spacing:.02em}.project-card-featured{grid-column:1 / -1;max-width:42rem}.project-link{font-size:.875rem;font-weight:500;color:var(--accent);text-decoration:none;letter-spacing:.02em;display:inline-block;transition:transform .2s ease,color .2s ease}.project-link:hover{color:var(--text);transform:translate(4px)}.education{background:var(--bg-alt)}.education-card{border:1px solid var(--border);background:var(--bg-card);padding:var(--space-lg);max-width:28rem;border-radius:12px;transition:border-color .25s ease,box-shadow .25s ease}.education-card:hover{border-color:#8b5cf666;box-shadow:0 12px 32px #0003,0 0 24px var(--accent-glow)}.education-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-xs);color:var(--text)}.education-school{font-size:1rem;color:var(--text-muted);margin:0 0 var(--space-xs)}.education-meta{font-size:.9375rem;color:var(--text-muted);margin:0}.contact-lead{font-size:1.25rem;color:var(--text-muted);margin:0 0 var(--space-lg)}.contact-grid{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center}.contact-grid a{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:2px solid var(--accent);padding-bottom:2px;transition:color .2s ease,border-color .2s ease,transform .2s ease}.contact-grid a:hover{color:var(--text);border-color:var(--text);transform:translateY(-2px)}.contact-item{font-size:1rem;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:var(--space-lg) var(--space-lg);text-align:center;background:var(--bg-alt)}.footer p{margin:0;font-size:.875rem;color:var(--text-muted)}.back-to-top{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text);border:2px solid var(--accent);border-radius:50%;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .2s ease,box-shadow .2s ease;z-index:50;text-decoration:none}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent-dim);border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-dim));z-index:101;transition:width .1s linear;box-shadow:0 0 10px var(--accent-glow)}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}.nav.open .nav-links{display:flex;position:absolute;top:var(--header-height);left:0;right:0;flex-direction:column;background:#0c0c0ffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-md);border-bottom:1px solid var(--border);gap:var(--space-sm)}.projects-grid{grid-template-columns:1fr}.about-inner{flex-direction:column}.about-photo{width:min(100%,14rem)}.hero-layout{flex-direction:column;text-align:center}.hero-text-wrap{min-width:0}.hero-arrow{left:50%;top:auto;bottom:-.25rem;transform:translate(-50%) rotate(-90deg)}.hero-tilt,[data-tilt]{transform:none!important}}@media(max-width:480px){.hero,.section{padding-left:var(--space-md);padding-right:var(--space-md)}.back-to-top{bottom:var(--space-md);right:var(--space-md);width:2.5rem;height:2.5rem}}