:root{--accent:#3b82f6;--accent-2:#60a5fa;--bg:#0b1020;--bg-soft:#11182d;--surface:#11182db8;--surface-2:#ffffff0a;--text:#e6ecff;--muted:#9aa7c7;--border:#ffffff17;--shadow:0 20px 60px #00000059;--terminal:linear-gradient(180deg, #00000047, #ffffff05);--hero-glow:radial-gradient(circle at top left, #3b82f638, transparent 30%), radial-gradient(circle at 85% 15%, #60a5fa24, transparent 28%), linear-gradient(180deg, #0b1020 0%, #0c1326 100%)}[data-theme=light]{--bg:#f6f8fc;--bg-soft:#fff;--surface:#ffffffb8;--surface-2:#3b82f60f;--text:#0f172a;--muted:#52607c;--border:#0f172a17;--terminal:white;--shadow:0 18px 40px #0f172a14;--hero-glow:radial-gradient(circle at top left, #3b82f629, transparent 30%), radial-gradient(circle at 85% 15%, #60a5fa1a, transparent 28%), linear-gradient(180deg, #f6f8fc 0%, #eef3fb 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .25s,color .25s;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,100% - 2rem);margin:0 auto}.blur-orb{filter:blur(80px);opacity:.22;z-index:-1;pointer-events:none;background:var(--accent);border-radius:50%;width:22rem;height:22rem;position:fixed}.blur-orb.one{top:-8rem;left:-6rem}.blur-orb.two{background:var(--accent-2);top:30%;right:-8rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--bg) 72%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:.8rem;place-items:center;width:2rem;height:2rem;font-size:.95rem;display:grid;box-shadow:0 10px 24px #3b82f652}.nav-links{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--text)}.actions{align-items:center;gap:.75rem;display:flex}.btn,.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;padding:.8rem 1rem;transition:transform .2s,border-color .2s,background .2s}.btn:hover,.theme-toggle:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;box-shadow:0 14px 26px #3b82f63d}.hero{background:var(--hero-glow);padding:5rem 0 3rem;position:relative;overflow:clip}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;display:grid}.eyebrow{border:1px solid var(--border);background:var(--surface);color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .8rem;font-size:.88rem;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 16px #3b82f6cc}h1{letter-spacing:-.05em;margin:1rem 0 .8rem;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.96}.gradient-text{background:linear-gradient(135deg, var(--text), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{max-width:62ch;color:var(--muted);margin:0 0 1.5rem;font-size:1.05rem}.hero-cta{flex-wrap:wrap;gap:.9rem;margin-bottom:1.5rem;display:flex}.hero-meta{color:var(--muted);flex-wrap:wrap;gap:1rem;font-size:.95rem;display:flex}.hero-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.75rem;padding:1.2rem;position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#3b82f638,#0000 65%);border-radius:50%;width:12rem;height:12rem;position:absolute;inset:auto -20% -35% auto}.terminal{background:var(--terminal);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden}.terminal-top{border-bottom:1px solid var(--border);align-items:center;gap:.4rem;padding:.85rem 1rem;display:flex}.dot{background:color-mix(in srgb, var(--accent) 80%, white);opacity:.8;border-radius:50%;width:.7rem;height:.7rem}.terminal-body{color:var(--muted);min-height:18rem;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.92rem}.terminal-line{white-space:normal;overflow-wrap:anywhere;opacity:0;clip-path:inset(0 100% 0 0);will-change:clip-path, opacity;border-right:2px solid #0000;width:100%;margin:.55rem 0;animation:.9s forwards reveal;overflow:hidden}.terminal-line:first-child{animation-delay:.15s}.terminal-line:nth-child(2){animation-delay:.45s}.terminal-line:nth-child(3){animation-delay:.75s}.terminal-line:nth-child(4){animation-delay:1.05s}.terminal-line:nth-child(5){animation-delay:1.35s}.prompt{color:var(--accent-2)}.strong{color:var(--text)}@keyframes reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);border-right-color:var(--accent)}to{opacity:1;clip-path:inset(0);border-right-color:#0000}}section{padding:4.5rem 0}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.section-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.5rem)}.section-head p{color:var(--muted);max-width:60ch;margin:0}.grid{gap:1rem;display:grid}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.4rem;padding:1.25rem;transition:transform .22s,border-color .22s;position:relative;overflow:hidden}.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-4px)}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#3b82f61a,#0000 32%);position:absolute;inset:0}.pill-row{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.pill{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:.4rem;padding:.45rem .7rem;font-size:.86rem}.project-thumb{aspect-ratio:16/10;border:1px solid var(--border);background:radial-gradient(circle at 20% 20%,#3b82f64d,#0000 28%),radial-gradient(circle at 80% 20%,#60a5fa2e,#0000 22%),linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:1rem;margin-bottom:1rem;position:relative;overflow:hidden}.project-thumb:after{content:"";background:#ffffff08;border:1px solid #ffffff1f;border-radius:1.25rem;width:5rem;height:5rem;position:absolute;inset:auto 1rem 1rem auto;transform:rotate(18deg)}.project-links{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.project-links a{color:var(--text);font-size:.95rem;font-weight:600}.about-list{color:var(--muted);gap:.85rem;margin-top:1rem;display:grid}.stat{align-items:baseline;gap:.7rem;display:flex}.stat strong{letter-spacing:-.04em;color:var(--text);min-width:4.5rem;font-size:1.6rem}.timeline{gap:1rem;display:grid}.timeline-item{grid-template-columns:8rem 1fr;align-items:start;gap:1rem;display:grid}.timeline-item time{color:var(--muted);padding-top:.15rem;font-size:.92rem}.contact-box{text-align:center;background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--accent) 8%, var(--surface)));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.7rem;padding:2rem}.contact-box p{color:var(--muted);max-width:58ch;margin:.8rem auto 1.4rem}.contact-actions{justify-content:center}footer{color:var(--muted);padding:2rem 0 3rem;font-size:.92rem}.fade-up{animation:.55s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.terminal-line,.fade-up{clip-path:none;opacity:1;transition:none;animation:none;transform:none}}@media (width<=920px){.hero-grid,.grid.cols-3,.grid.cols-2,.timeline-item{grid-template-columns:1fr}.nav{flex-wrap:wrap;min-height:auto;padding:.9rem 0}.nav-links{order:3;width:100%;padding-top:.4rem}.hero{padding-top:3rem}h1{font-size:clamp(2.4rem,11vw,4rem)}}.logo-icon{width:32px;height:32px}@media (width<=560px){.container{width:min(1120px,100% - 1rem)}.card,.hero-card,.contact-box{border-radius:1.2rem}.btn,.theme-toggle{padding:.75rem .9rem}}