:root{--bg: #0A0E14;--bg-soft: #0D1219;--surface: #131A24;--surface-2: #1A222F;--border: #232C3B;--text: #E7ECF3;--text-dim: #8B97AC;--text-faint: #5B6679;--blue: #3B9EFF;--blue-dim: #2563A8;--cyan: #22D3EE;--green: #4ADE80;--orange: #F0A050;--purple: #C792EA;--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 10%,rgba(59,158,255,.07),transparent 40%),radial-gradient(circle at 85% 30%,rgba(34,211,238,.05),transparent 40%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:0 32px;position:relative;z-index:1}::selection{background:var(--blue-dim);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0e14bf;border-bottom:1px solid var(--border)}nav.wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-family:var(--mono);font-weight:700;font-size:17px;color:var(--text);display:flex;align-items:center;gap:8px}.logo .dot{color:var(--cyan)}.navlinks{display:flex;gap:36px}.navlinks a{font-family:var(--mono);font-size:13px;color:var(--text-dim);transition:color .2s;position:relative}.navlinks a:hover{color:var(--text)}.navlinks a:before{content:attr(data-num);color:var(--blue);margin-right:6px;font-size:11px}.nav-cta{font-family:var(--mono);font-size:13px;padding:8px 16px;border:1px solid var(--blue-dim);border-radius:6px;color:var(--cyan);transition:all .2s}.nav-cta:hover{background:#3b9eff1a;border-color:var(--blue)}.navlinks{display:flex}.menu-btn{display:none}@media (max-width: 760px){.navlinks,.nav-cta{display:none}}.hero{padding:100px 0 80px;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}@media (max-width: 880px){.hero-grid{grid-template-columns:1fr}}.eyebrow{font-family:var(--mono);font-size:13px;color:var(--green);display:flex;align-items:center;gap:8px;margin-bottom:20px}.eyebrow .blip{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 #4ade8099;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}h1.title{font-family:var(--mono);font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.15;letter-spacing:-.01em;margin-bottom:18px}h1.title .accent{color:var(--blue)}h1.title .accent2{color:var(--cyan)}.hero-desc{color:var(--text-dim);font-size:17px;max-width:480px;margin-bottom:32px}.hero-desc strong{color:var(--text);font-weight:600}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px}.btn{font-family:var(--mono);font-size:14px;font-weight:600;padding:13px 24px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#04101c}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--blue-dim);background:#3b9eff0f}.hero-stats{display:flex;gap:32px}.stat-num{font-family:var(--mono);font-size:26px;font-weight:700;color:var(--text)}.stat-num span{color:var(--cyan)}.stat-label{font-size:12px;color:var(--text-faint);margin-top:2px}.code-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -20px #00000080;transform:perspective(1000px) rotateY(-2deg)}.code-titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--border)}.code-titlebar .tdot{width:10px;height:10px;border-radius:50%}.td-r{background:#ff5f57}.td-y{background:#febc2e}.td-g{background:#28c840}.code-fname{font-family:var(--mono);font-size:12px;color:var(--text-faint);margin-left:8px}pre.code-body{font-family:var(--mono);font-size:13px;line-height:1.7;padding:22px 20px;overflow-x:auto;color:var(--text-dim)}.tk-kw{color:var(--purple)}.tk-cls{color:var(--cyan)}.tk-str{color:var(--green)}.tk-prop{color:var(--blue)}.tk-com{color:var(--text-faint);font-style:italic}.tk-num{color:var(--orange)}.cursor-blink{display:inline-block;width:7px;height:15px;background:var(--cyan);animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{50%{opacity:0}}section{padding:90px 0}.sec-head{margin-bottom:48px}.sec-eyebrow{font-family:var(--mono);font-size:13px;color:var(--blue);margin-bottom:10px;display:block}.sec-title{font-family:var(--mono);font-weight:700;font-size:clamp(24px,3vw,32px);color:var(--text)}.sec-sub{color:var(--text-dim);margin-top:12px;max-width:560px}.about{border-top:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media (max-width: 880px){.about-grid{grid-template-columns:1fr}}.about-text p{color:var(--text-dim);margin-bottom:16px}.about-text strong{color:var(--text)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--border)}.tl-item{position:relative;margin-bottom:28px}.tl-item:last-child{margin-bottom:0}.tl-item:before{content:"";position:absolute;left:-28px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--blue)}.tl-role{font-family:var(--mono);font-weight:600;color:var(--text);font-size:15px}.tl-org{color:var(--cyan);font-size:13px;margin-top:2px}.tl-date{color:var(--text-faint);font-size:12px;font-family:var(--mono);margin-top:4px}.tl-desc{color:var(--text-dim);font-size:14px;margin-top:8px}.skills{border-top:1px solid var(--border)}.skill-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 880px){.skill-groups{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.skill-groups{grid-template-columns:1fr}}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:var(--blue-dim);transform:translateY(-3px)}.skill-card .sk-icon{font-family:var(--mono);color:var(--cyan);font-size:13px;margin-bottom:14px}.skill-card h3{font-family:var(--mono);font-size:15px;margin-bottom:12px;color:var(--text)}.chiplist{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--mono);font-size:12px;padding:5px 10px;border-radius:6px;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.projects{border-top:1px solid var(--border)}.proj-list{display:flex;flex-direction:column;gap:18px}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start;transition:border-color .2s,background .2s}.proj-card:hover{border-color:var(--blue-dim);background:var(--surface-2)}.proj-card.linked{cursor:pointer}.proj-card.linked:hover .proj-body h3{color:var(--cyan)}.proj-card.linked .proj-body h3{display:flex;align-items:center;gap:8px;transition:color .2s}.proj-card.linked .proj-body h3:after{content:"↗";font-size:14px;color:var(--text-faint)}a.proj-card-link{display:block;text-decoration:none;color:inherit}@media (max-width: 760px){.proj-card{grid-template-columns:1fr}}.proj-tag{font-family:var(--mono);font-size:11px;color:var(--bg);background:var(--cyan);padding:4px 9px;border-radius:5px;height:fit-content;white-space:nowrap;font-weight:700}.proj-tag.live{background:var(--green)}.proj-body h3{font-family:var(--mono);font-size:17px;color:var(--text);margin-bottom:8px}.proj-body p{color:var(--text-dim);font-size:14px;margin-bottom:14px}.proj-stack{display:flex;gap:8px;flex-wrap:wrap}.proj-stat{text-align:right;font-family:var(--mono)}@media (max-width: 760px){.proj-stat{text-align:left}}.proj-stat .num{font-size:22px;font-weight:700;color:var(--blue)}.proj-stat .lbl{font-size:11px;color:var(--text-faint);margin-top:2px}.contact{border-top:1px solid var(--border)}.contact-grid{max-width:640px;margin:0 auto;text-align:center}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}@media (max-width: 560px){.contact-links{grid-template-columns:1fr}}.contact-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;transition:all .2s;font-family:var(--mono);font-size:14px;text-align:left}.contact-link:hover{border-color:var(--blue-dim);background:var(--surface);transform:translateY(-2px)}.contact-link .ic{color:var(--cyan);font-size:16px;width:20px;text-align:center}.contact-link .lbl{color:var(--text-faint);font-size:11px;display:block}.contact-link .val{color:var(--text)}footer{border-top:1px solid var(--border);padding:28px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;color:var(--text-faint);flex-wrap:wrap;gap:10px}.footer-row a{color:var(--text-dim);transition:color .2s}.footer-row a:hover{color:var(--cyan)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}