:root{--bg:#050b16;--bg2:#030712;--card: rgba(255,255,255,.04);--line: rgba(255,255,255,.08);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--accent: #18e0c3;--accent2:#16b4ff;--shadow: 0 18px 60px rgba(0,0,0,.55);--radius: 18px;--max: 1100px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(1000px 600px at 50% 10%,rgba(24,224,195,.14),transparent 60%),radial-gradient(900px 700px at 20% 0%,rgba(22,180,255,.1),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2))}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.9),rgba(0,0,0,.1) 65%,transparent 72%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.9),rgba(0,0,0,.1) 65%,transparent 72%);opacity:.35;pointer-events:none}.container{max-width:var(--max);margin:0 auto;padding:0 22px}.hero{min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 0 60px;position:relative}.badge{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#ffffffc7;padding:10px 16px;border-radius:999px;border:1px solid rgba(24,224,195,.25);background:#0614168c;box-shadow:0 12px 30px #00000059;margin-bottom:22px}.badge .dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #18e0c31f}h1{font-size:clamp(44px,6vw,74px);letter-spacing:-.02em;margin:0}.subtitle{margin-top:14px;font-size:clamp(18px,2.2vw,26px);color:#ffffffb3;font-weight:400}.lead{max-width:70ch;margin:18px auto 0;color:var(--muted);line-height:1.75;font-size:16px}.btn-row{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:#ffffffe0;text-decoration:none;min-width:150px;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.05);border-color:#ffffff24}.btn.primary{background:linear-gradient(180deg,#18e0c338,#18e0c314);border-color:#18e0c359}.btn svg{opacity:.9}.section{padding:85px 0 30px}.section-kicker{color:var(--accent2);letter-spacing:.16em;font-size:12px;text-transform:uppercase;margin:0 0 12px}.section-title{font-size:clamp(30px,4vw,52px);margin:0;letter-spacing:-.02em}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}@media (max-width: 900px){.grid2{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.skill-row{margin-top:18px}.skill-line{display:flex;align-items:center;justify-content:space-between;color:#ffffffd1;font-size:14px;margin-bottom:10px}.bar{height:7px;border-radius:999px;background:#ffffff12;overflow:hidden}.bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#16b4ffe6,#18e0c3e6)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr}}.project-card{text-decoration:none;color:inherit;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-2px)}.project-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(22,180,255,.25);background:#0814208c;color:#ffffffc7}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag{font-size:12px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:#ffffffc7}.page-top{padding:54px 0 10px}.back{display:inline-flex;align-items:center;gap:8px;color:#ffffffb3;text-decoration:none}.back:hover{color:#ffffffe0}.nb-title{font-size:clamp(34px,4.5vw,58px);margin:18px 0 14px}.nb-desc{max-width:85ch;color:var(--muted);line-height:1.75}.block{margin-top:22px;border-radius:16px;border:1px solid var(--line);overflow:hidden;background:#020617a6}.block-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#ffffffbf;font-size:13px}.dots{display:flex;gap:8px}.dot2{width:10px;height:10px;border-radius:999px}.dot2.r{background:#ff5f57}.dot2.y{background:#febc2e}.dot2.g{background:#28c840}.code{padding:16px 14px;font-family:var(--mono);font-size:13px}.output{padding:0 14px 16px;color:#18e0c3d9;font-family:var(--mono);font-size:13px;white-space:pre-wrap}.outLabel{padding:12px 14px 0;color:#ffffff8c;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.nb-img{padding:16px 14px 18px}.nb-img img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff05}