:root{--bg:#070710;--bg-soft:#0d0d1c;--surface:#ffffff08;--border:#ffffff14;--text:#e8e8f0;--text-dim:#9a9ab0;--accent:#64f4d2;--accent-2:#8b7bff;--font-main:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#04040a}.accent{color:var(--accent)}#webgl{z-index:0;pointer-events:none;position:fixed;inset:0}.loader{z-index:100;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.loader__text{letter-spacing:.3em;color:var(--accent);font-size:2.5rem;font-weight:700}.loader__bar{background:var(--border);border-radius:2px;width:160px;height:2px;overflow:hidden}.loader__bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%;display:block}.nav{z-index:50;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.5rem,5vw,4rem);transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,box-shadow .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--border);background:#070710bf}.nav__logo{color:var(--text);letter-spacing:.05em;font-size:1.4rem;font-weight:700;text-decoration:none}.nav__links{align-items:center;gap:2.2rem;list-style:none;display:flex}.nav__links a{color:var(--text-dim);font-size:.92rem;font-family:var(--font-mono);text-decoration:none;transition:color .25s}.nav__links a:hover{color:var(--accent)}.nav__cta{border:1px solid var(--accent);border-radius:6px;padding:.45em 1.1em;color:var(--accent)!important}.nav__cta:hover{background:#64f4d21a}.nav__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:6px;display:none}.nav__burger span{background:var(--accent);width:26px;height:2px;transition:transform .3s,opacity .3s}main{z-index:1;max-width:1080px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem);position:relative}.section{padding:clamp(5rem,12vh,9rem) 0}.section__title{white-space:nowrap;align-items:baseline;gap:.8rem;margin-bottom:2.8rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600;display:flex}.section__title:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;max-width:320px;height:1px;display:block;transform:translateY(-.4em)}.section__num{font-family:var(--font-mono);color:var(--accent);font-size:.95em;font-weight:400}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding-top:4rem;display:flex;position:relative}.hero__eyebrow{font-family:var(--font-mono);color:var(--accent);margin-bottom:1.4rem;font-size:clamp(.85rem,1.5vw,1rem)}.hero__title{letter-spacing:-.02em;font-size:clamp(2.8rem,8.5vw,6rem);font-weight:700;line-height:1.04}.hero__title .hero__line--accent span{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-dim);letter-spacing:-.01em;margin-top:.6rem;font-size:clamp(1.5rem,4.5vw,3rem);font-weight:600;line-height:1.15}.hero__line{display:block;overflow:hidden}.hero__line>span{will-change:transform;display:inline-block}.hero__desc{max-width:540px;color:var(--text-dim);margin-top:1.8rem;font-size:clamp(.98rem,1.6vw,1.1rem)}.hero__desc strong{color:var(--text)}.hero__actions{flex-wrap:wrap;gap:1rem;margin-top:2.6rem;display:flex}.btn{font-family:var(--font-mono);border-radius:8px;padding:.85em 1.8em;font-size:.95rem;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-block}.btn--solid{background:linear-gradient(120deg, var(--accent), #4cd6b4);color:#04140e;font-weight:500}.btn--solid:hover{transform:translateY(-3px);box-shadow:0 10px 32px #64f4d240}.btn--ghost{border:1px solid var(--border);color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}.hero__scroll{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;align-items:center;gap:.6rem;font-size:.75rem;display:flex;position:absolute;bottom:2.5rem;left:0}.hero__scroll span{background:linear-gradient(180deg, var(--accent), transparent);width:1px;height:48px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4;transform-origin:top;transform:scaleY(.4)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}.about__grid{grid-template-columns:3fr 2fr;gap:3.5rem;display:grid}.about__text p{color:var(--text-dim);margin-bottom:1.2rem}.about__text strong{color:var(--text)}.about__skills h3{color:var(--text);margin-bottom:1.2rem;font-size:1rem;font-weight:500}.skills{flex-wrap:wrap;gap:.6rem;list-style:none;display:flex}.skills li{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-dim);background:var(--surface);border-radius:100px;padding:.4em .9em;font-size:.8rem;transition:border-color .25s,color .25s,transform .25s}.skills li:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.timeline{border-left:1px solid var(--border);flex-direction:column;gap:3rem;padding-left:1.5rem;display:flex;position:relative}.timeline__item{grid-template-columns:200px 1fr;gap:2rem;display:grid;position:relative}.timeline__item:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:calc(-1.5rem - 5px);box-shadow:0 0 12px #64f4d2b3}.timeline__meta{font-family:var(--font-mono);color:var(--text-dim);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.timeline__date{color:var(--accent)}.timeline__body h3{margin-bottom:.8rem;font-size:1.15rem;font-weight:600}.timeline__body ul{flex-direction:column;gap:.6rem;list-style:none;display:flex}.timeline__body li{color:var(--text-dim);padding-left:1.3rem;font-size:.95rem;position:relative}.timeline__body li:before{content:"▹";color:var(--accent);position:absolute;left:0}.timeline__body strong{color:var(--text)}.projects{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.5rem;display:grid}.project{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:1rem;padding:1.8rem;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.project:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #64f4d212, transparent 60%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.project:hover{border-color:#64f4d259;transform:translateY(-6px);box-shadow:0 18px 48px #00000073}.project:hover:before{opacity:1}.project--award{border-color:#8b7bff4d}.project__tag{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent-2);text-transform:uppercase;font-size:.72rem}.project__name{font-size:1.35rem;font-weight:600}.project__desc{color:var(--text-dim);flex:1;font-size:.93rem}.project__stack{flex-wrap:wrap;gap:.5rem 1rem;list-style:none;display:flex}.project__stack li{font-family:var(--font-mono);color:var(--accent);opacity:.85;font-size:.75rem}.project__links{gap:1.4rem;display:flex}.project__links a{font-family:var(--font-mono);color:var(--text);border-bottom:1px solid #0000;font-size:.85rem;text-decoration:none;transition:color .25s,border-color .25s}.project__links a:hover{color:var(--accent);border-color:var(--accent)}.research{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.research__card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem;transition:border-color .3s,transform .3s}.research__card:hover{border-color:#8b7bff66;transform:translateY(-4px)}.research__card h3{margin-bottom:.5rem;font-size:1.1rem}.research__card p{color:var(--text-dim);font-size:.92rem}.contact{text-align:center;padding-bottom:6rem}.contact .section__title{justify-content:center}.contact .section__title:after{display:none}.contact__text{max-width:560px;color:var(--text-dim);margin:0 auto 2.4rem}.contact__text strong{color:var(--text)}.contact__socials{justify-content:center;gap:2.5rem;margin-top:3rem;display:flex}.contact__socials a{font-family:var(--font-mono);color:var(--text-dim);font-size:.95rem;text-decoration:none;transition:color .25s}.contact__socials a:hover{color:var(--accent)}.footer{z-index:1;text-align:center;font-family:var(--font-mono);color:var(--text-dim);border-top:1px solid var(--border);padding:2rem;font-size:.78rem;position:relative}[data-reveal]{will-change:transform, opacity}@media (width<=820px){.nav__links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d1cf7;flex-direction:column;justify-content:center;transition:transform .4s cubic-bezier(.65,0,.35,1);position:fixed;inset:0 0 0 35%;transform:translate(100%);box-shadow:-20px 0 60px #00000080}.nav__links.is-open{transform:translate(0)}.nav__burger{z-index:60;display:flex}.nav__burger.is-open span:first-child{transform:translateY(4px)rotate(45deg)}.nav__burger.is-open span:last-child{transform:translateY(-4px)rotate(-45deg)}.about__grid{grid-template-columns:1fr;gap:2.5rem}.timeline__item{grid-template-columns:1fr;gap:.8rem}.timeline__meta{flex-direction:row;gap:1rem}.section__title:after{max-width:80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}