:root{--bg:#0a0e16;--bg-raised:#10151f;--bg-card:#131926;--border:#232b3a;--border-soft:#1a212f;--text:#c4cad6;--text-dim:#7c8494;--text-h:#f3f5f9;--accent:#4fd8c4;--accent-2:#6c8cff;--accent-soft:#4fd8c41f;--accent-border:#4fd8c459;--gradient:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--shadow:0 20px 40px -12px #00000080;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Space Grotesk", var(--sans);--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--max:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 900px 500px at 15% -10%, #4fd8c414, transparent), radial-gradient(ellipse 900px 500px at 90% 10%, #6c8cff14, transparent), var(--bg);margin:0}#root{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 28px}section{border-bottom:1px solid var(--border-soft);padding:110px 0}section:last-of-type{border-bottom:none}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:22px;height:1px}.section-head{max-width:640px;margin-bottom:56px}.section-head h2{margin-bottom:14px;font-size:clamp(28px,3.2vw,38px)}.section-head p{color:var(--text-dim);font-size:17px;line-height:1.7}.accent-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gradient);color:#07141a}.btn-secondary{border-color:var(--border);color:var(--text-h);background:0 0}.btn-secondary:hover{border-color:var(--accent-border)}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);background:#0a0e16bf;position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;height:74px;display:flex}.nav-logo{font-family:var(--heading);color:var(--text-h);letter-spacing:-.01em;font-size:18px;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{gap:34px;display:flex}.nav-links a{color:var(--text-dim);font-size:14.5px;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text-h)}.nav-cta{align-items:center;gap:18px;display:flex}.nav-menu-btn{border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:8px;padding:8px 12px;display:none}.hero{border-bottom:1px solid var(--border-soft);padding:150px 0 110px;position:relative}.hero-grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:56px;display:grid}.hero-photo{aspect-ratio:1/1.08;border:1px solid var(--border);background:var(--bg-card);width:100%;max-width:320px;box-shadow:var(--shadow);border-radius:20px;justify-self:end;position:relative;overflow:hidden}.hero-photo:after{content:"";pointer-events:none;background:linear-gradient(160deg,#0000 55%,#0a0e1680);position:absolute;inset:0}.hero-photo img{object-fit:cover;object-position:top center;width:100%;height:100%}.hero-kicker{font-family:var(--mono);color:var(--accent);align-items:center;gap:10px;margin-bottom:22px;font-size:14px;display:flex}.hero-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.hero h1{max-width:900px;font-size:clamp(38px,6vw,68px);line-height:1.04}.hero-sub{max-width:620px;color:var(--text-dim);margin-top:22px;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.hero-meta{flex-wrap:wrap;gap:40px;margin-top:56px;display:flex}.hero-meta div{flex-direction:column;gap:4px;display:flex}.hero-meta .label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:12px;font-family:var(--mono)}.hero-meta .value{color:var(--text-h);font-size:15px;font-weight:500}.stats{border-bottom:1px solid var(--border-soft);padding:56px 0}.stats .wrap{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat h3{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,4vw,42px)}.stat p{color:var(--text-dim);margin-top:6px;font-size:14px}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px;display:grid}.about-lead{color:var(--text-h);font-size:20px;line-height:1.6;font-family:var(--heading);font-weight:500}.about-body p{color:var(--text-dim);font-size:16.5px;line-height:1.8}.interests{margin-top:64px}.interests h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-family:var(--mono);margin-bottom:24px;font-weight:500}.interests-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.interest-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:22px 24px}.interest-card h4{margin-bottom:8px;font-size:16px}.interest-card p{color:var(--text-dim);font-size:14px;line-height:1.6}.timeline{border-left:1px solid var(--border);margin-left:6px;position:relative}.timeline-item{padding:0 0 48px 36px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-6px}.timeline-item .role{font-family:var(--heading);color:var(--text-h);font-size:19px;font-weight:600}.timeline-item .org{color:var(--accent);margin-top:2px;font-size:14.5px;font-weight:500}.timeline-item .period{font-family:var(--mono);color:var(--text-dim);margin-top:6px;font-size:13px}.timeline-item ul{flex-direction:column;gap:10px;margin-top:16px;display:flex}.timeline-item li{color:var(--text-dim);padding-left:18px;font-size:15px;line-height:1.65;position:relative}.timeline-item li:before{content:"";background:var(--text-dim);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.earlier{margin-top:60px}.earlier h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-family:var(--mono);margin-bottom:24px;font-weight:500}.earlier-list{flex-direction:column;gap:16px;display:flex}.earlier-row{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:16px 0;display:flex}.earlier-row .role{color:var(--text-h);font-size:15px;font-weight:500}.earlier-row .org{color:var(--text-dim);font-size:14px}.earlier-row .period{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:13px}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .15s}.filter-btn:hover{color:var(--text-h);border-color:var(--accent-border)}.filter-btn.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.p-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.p-card:hover{border-color:var(--accent-border);transform:translateY(-3px)}.p-card-img{aspect-ratio:16/10;background:var(--bg-raised);border-bottom:1px solid var(--border-soft);overflow:hidden}.p-card-img img{object-fit:cover;object-position:top center;width:100%;height:100%}.p-card-body{flex-direction:column;flex:1;gap:14px;padding:22px 26px 26px;display:flex}.p-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.p-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:11px}.p-year{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:12px}.p-card h3{font-size:17px;line-height:1.3}.p-card p{color:var(--text-dim);flex:1;font-size:14px;line-height:1.65}.p-link{color:var(--text-h);align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.p-link:hover{color:var(--accent)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:26px}.skill-card h3{margin-bottom:16px;font-size:16px}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tags span{background:var(--bg-raised);border:1px solid var(--border-soft);color:var(--text);border-radius:8px;padding:6px 12px;font-size:13px}.edu-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.edu-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:26px}.edu-card .period{font-family:var(--mono);color:var(--accent);font-size:12.5px}.edu-card h3{margin:10px 0;font-size:17px}.edu-card p{color:var(--text-dim);font-size:14px;line-height:1.65}.edu-card .p-link{margin-top:14px}.contact{text-align:center}.contact .section-head{text-align:center;margin:0 auto 40px}.contact-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-socials{justify-content:center;gap:14px;margin-top:44px;display:flex}.social-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.social-btn:hover{color:var(--accent);border-color:var(--accent-border)}footer{padding:34px 0}footer .wrap{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}@media (width<=900px){section{padding:72px 0}.nav-links{display:none}.about-grid,.skills-grid,.edu-grid,.interests-grid{grid-template-columns:1fr;gap:32px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.stats .wrap{grid-template-columns:repeat(2,1fr);gap:32px}.hero{padding:120px 0 80px}.hero-grid{flex-direction:column-reverse;gap:40px;display:flex}.hero-photo{justify-self:center;max-width:220px}}@media (width<=600px){.portfolio-grid{grid-template-columns:1fr}.wrap{padding:0 20px}.hide-mobile{display:none}}