:root{
  --bg:#070b16; --bg2:#0b1020; --text:#f5f7fb; --muted:#a9b3c7; --soft:#cbd5e1;
  --line:rgba(255,255,255,.10); --panel:rgba(14,22,39,.62); --panel2:rgba(18,28,48,.72);
  --cyan:#31f5df; --green:#42f59a; --blue:#72a7ff; --violet:#a78bfa; --amber:#ffb84d; --rose:#fb7185;
  --radius:28px; --shadow:0 24px 90px rgba(0,0,0,.36);
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}
[data-theme="light"]{
  --bg:#f6f7fb; --bg2:#ffffff; --text:#0f172a; --muted:#475569; --soft:#334155;
  --line:rgba(15,23,42,.10); --panel:rgba(255,255,255,.76); --panel2:rgba(255,255,255,.92);
  --shadow:0 24px 80px rgba(15,23,42,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at top right,rgba(124,93,255,.18),transparent 38%),linear-gradient(180deg,var(--bg),#050814 82%);color:var(--text);font-family:var(--font);min-height:100vh} body[data-theme="light"]{background:radial-gradient(circle at top right,rgba(99,102,241,.13),transparent 40%),linear-gradient(180deg,#f8fafc,#eef2ff)}
a{color:inherit;text-decoration:none} button{font:inherit} img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-bg:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(49,245,223,.13) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent 65%);opacity:.2}.navbar{position:sticky;top:12px;z-index:50}.nav-inner{height:64px;border:1px solid var(--line);background:rgba(8,13,27,.72);backdrop-filter:blur(18px);border-radius:999px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 14px}.light .nav-inner, body[data-theme="light"] .nav-inner{background:rgba(255,255,255,.72)}.brand{display:flex;align-items:center;gap:10px;min-width:195px}.mark{width:42px;height:42px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#6ea8ff,#a78bfa);font-weight:900;color:white;letter-spacing:-.04em}.brand-title{font-weight:900;letter-spacing:-.03em;line-height:.95}.brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:.20em;color:var(--muted);text-transform:uppercase}.nav-links{display:flex;gap:32px;font-weight:650;color:var(--muted)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.pill-btn,.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:999px;min-height:42px;padding:0 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-btn{width:48px;padding:0;font-size:20px}.terminal-trigger{background:linear-gradient(135deg,#7fb0ff,#a78bfa);border:0;color:white;min-width:68px}.pill-btn:hover,.icon-btn:hover{transform:translateY(-1px);border-color:rgba(114,167,255,.55)}.hamb{display:none}.section{padding:86px 0}.section-tight{padding:58px 0}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.26em;color:var(--cyan);font-size:13px;font-weight:900}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.section-title{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.07em;line-height:.92;margin:0;font-weight:800}.section-title.small{font-size:clamp(1.8rem,3vw,3rem)}.muted{color:var(--muted)}.hero{min-height:calc(100vh - 90px);display:grid;align-items:center;padding:64px 0 52px}.hero-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:44px;background:linear-gradient(145deg,rgba(18,29,50,.82),rgba(14,16,34,.58));box-shadow:var(--shadow);padding:56px;display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:44px}.hero-panel:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 25% 10%,rgba(49,245,223,.14),transparent 32%),radial-gradient(circle at 82% 50%,rgba(167,139,250,.16),transparent 28%);pointer-events:none}.hero-content,.terminal-preview{position:relative;z-index:1}.hero h1{font-size:clamp(3.1rem,7vw,6.25rem);line-height:.88;letter-spacing:-.085em;margin:18px 0 18px;max-width:820px}.hero p{font-size:clamp(1.05rem,1.45vw,1.35rem);color:var(--muted);max-width:720px;line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary{background:linear-gradient(135deg,var(--blue),var(--violet));border:0;color:white}.secondary{background:rgba(255,255,255,.055)}.terminal-preview{align-self:end;border:1px solid var(--line);border-radius:24px;background:rgba(2,6,23,.64);overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.24)}.term-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}.dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#fb7185}.dot:nth-child(2){background:#facc15}.dot:nth-child(3){background:#34d399}.term-body{font-family:var(--mono);padding:20px;color:#d8e2f5;font-size:14px;line-height:1.75}.prompt{color:var(--cyan);font-weight:900}.scan-line{height:8px;border-radius:99px;background:linear-gradient(90deg,#70a5ff,#a78bfa);margin:8px 0 12px}.tool-section{padding-top:42px}.tools-layout{display:grid;grid-template-columns:94px 1fr;gap:22px 34px;align-items:center}.tool-group-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-size:12px;font-weight:900}.tool-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.tool-chip{height:58px;min-width:58px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(14,25,45,.56);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;color:var(--soft);font-weight:900;box-shadow:0 0 28px rgba(0,0,0,.22);transition:.22s ease;position:relative}.tool-chip.icon-only{width:62px;padding:0}.tool-chip:hover{transform:translateY(-3px);filter:saturate(1.15)}.tool-chip img{width:34px;height:34px;object-fit:contain}.tool-chip.icon-only img{width:38px;height:38px}.tool-chip .glyph{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(114,167,255,.14);font-family:var(--mono);font-weight:900;color:var(--blue);font-size:13px}.tool-chip.icon-only:after{content:attr(data-name);position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:5px 9px;opacity:0;pointer-events:none;transition:.18s}.tool-chip.icon-only:hover:after{opacity:1}.tone-amber{box-shadow:0 0 28px rgba(255,184,77,.18);background:rgba(255,184,77,.10)}.tone-blue{box-shadow:0 0 28px rgba(114,167,255,.16);background:rgba(114,167,255,.10)}.tone-cyan{box-shadow:0 0 28px rgba(49,245,223,.14);background:rgba(49,245,223,.08)}.tone-green{box-shadow:0 0 28px rgba(66,245,154,.13);background:rgba(66,245,154,.08)}.tone-violet{box-shadow:0 0 28px rgba(167,139,250,.15);background:rgba(167,139,250,.09)}.tone-rose{box-shadow:0 0 28px rgba(251,113,133,.15);background:rgba(251,113,133,.09)}.tone-orange{box-shadow:0 0 28px rgba(255,102,51,.16);background:rgba(255,102,51,.11)}.tone-slate{box-shadow:0 0 28px rgba(203,213,225,.10);background:rgba(203,213,225,.08)}.impact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border-radius:22px;background:linear-gradient(135deg,rgba(66,245,154,.14),rgba(14,25,45,.48));padding:24px 20px;min-height:118px}.stat-number{font-size:clamp(3.3rem,5vw,5.2rem);font-weight:950;letter-spacing:-.08em;line-height:.8;color:var(--green);text-shadow:0 0 28px rgba(66,245,154,.25)}.stat-label{color:var(--soft);font-weight:650;margin-top:14px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof-card{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:center;border:1px solid var(--line);border-radius:24px;background:rgba(18,29,50,.56);padding:18px;transition:.22s ease}.proof-card:hover{transform:translateY(-3px);border-color:rgba(114,167,255,.42)}.proof-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(114,167,255,.15);font-weight:900}.proof-card h3{margin:0 0 6px;font-size:1.05rem}.proof-card p{margin:0 0 6px;color:var(--muted);font-weight:650}.proof-card span{color:var(--blue);font-weight:900}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);border-radius:28px;background:rgba(18,29,50,.56);overflow:hidden;transition:.24s ease}.project-card:hover{transform:translateY(-4px);border-color:rgba(49,245,223,.36)}.project-visual{height:150px;background:radial-gradient(circle at top left,rgba(49,245,223,.16),transparent 45%),linear-gradient(135deg,rgba(114,167,255,.18),rgba(167,139,250,.10));display:grid;place-items:center;color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.project-body{padding:20px}.project-code{font-family:var(--mono);color:var(--cyan);font-weight:900}.project-card h3{font-size:1.2rem;margin:8px 0}.project-card p{color:var(--muted);line-height:1.5;margin:0 0 16px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;padding:6px 9px;border-radius:999px;background:rgba(114,167,255,.11);color:var(--soft);font-weight:800}.page-hero{padding:100px 0 38px}.page-hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.08em;margin:12px 0}.page-hero p{font-size:1.2rem;color:var(--muted);max-width:760px}.timeline{display:grid;gap:14px}.timeline-item{border-radius:24px;background:rgba(18,29,50,.48);padding:22px;display:grid;grid-template-columns:110px 1fr;gap:20px}.timeline-year{font-family:var(--mono);color:var(--cyan);font-weight:900}.resume-grid,.about-grid{display:grid;grid-template-columns:320px 1fr;gap:22px}.side-panel,.content-panel{border-radius:28px;background:rgba(18,29,50,.56);padding:24px;border:1px solid var(--line)}.content-panel h2,.side-panel h2{margin-top:0}.list{display:grid;gap:14px}.list-item{padding:14px 0}.list-item h3{margin:.2rem 0}.list-item p{margin:.2rem 0;color:var(--muted);line-height:1.55}.footer{padding:64px 0;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.terminal-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(130%);width:min(980px,calc(100% - 24px));height:min(440px,70vh);background:#050816;border:1px solid var(--line);border-radius:24px;z-index:80;box-shadow:0 28px 120px rgba(0,0,0,.58);overflow:hidden;transition:.28s ease}.terminal-dock.open{transform:translateX(-50%) translateY(0)}.terminal-main{height:calc(100% - 46px);padding:16px;overflow:auto;font-family:var(--mono);font-size:14px;color:#dbe7ff}.terminal-input{display:flex;gap:8px;align-items:center}.terminal-input input{flex:1;background:transparent;border:0;color:var(--text);outline:none;font-family:var(--mono);font-size:14px}.term-line{white-space:pre-wrap;margin:0 0 10px}.terminal-close{background:transparent;border:0;color:var(--muted);font-size:20px;cursor:pointer}.mobile-menu{display:none}.mobile-menu.open{display:grid;position:fixed;inset:84px 18px auto;z-index:60;background:var(--panel2);border:1px solid var(--line);border-radius:24px;padding:16px;gap:10px}.mobile-menu a{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);font-weight:800}@media(max-width:920px){.nav-links{display:none}.hamb{display:inline-flex}.hero-panel{grid-template-columns:1fr;padding:34px}.terminal-preview{display:none}.tools-layout{grid-template-columns:1fr;gap:10px}.tool-group-label{margin-top:14px}.impact-row,.proof-grid,.project-grid{grid-template-columns:1fr 1fr}.resume-grid,.about-grid{grid-template-columns:1fr}.section-head{display:block}.section-title{text-align:left}.brand{min-width:auto}.brand-sub{display:none}}@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.navbar{top:8px}.nav-inner{height:58px}.pill-btn.resume-top{display:none}.hero{padding-top:34px}.hero-panel{border-radius:30px;padding:26px}.hero h1{font-size:3rem}.section{padding:58px 0}.impact-row,.proof-grid,.project-grid{grid-template-columns:1fr}.tool-chip.icon-only{width:54px;height:54px}.tool-chip img{width:30px;height:30px}.timeline-item{grid-template-columns:1fr}.footer-row{display:grid}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}