:root{--bg:#07080b;--bg-soft:#0c0e13;--panel:#111319;--line:hsla(0,0%,100%,.07);--line-strong:hsla(0,0%,100%,.14);--text:#e7e9ee;--text-dim:#8b909c;--text-faint:#5a5f6b;--accent:#67e8f9;--accent-2:#a78bfa;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;--font-mono:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{padding:0;margin:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden;max-width:100vw}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55;position:relative}img,svg,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:rgba(103,232,249,.25);color:#fff}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:128px 0;position:relative;overflow:hidden}@media (max-width:1024px){.wrap{padding:0 22px}.section{padding:100px 0}}@media (max-width:720px){.wrap{padding:0 18px}.section{padding:72px 0}}@media (max-width:420px){.wrap{padding:0 16px}}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.h-display{font-size:clamp(34px,7vw,78px);line-height:1.05;letter-spacing:-.025em;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.h-section{font-size:clamp(26px,4.2vw,44px);letter-spacing:-.02em;line-height:1.12;font-weight:600;margin:0}.lead{color:var(--text-dim);font-size:clamp(16px,1.6vw,19px);max-width:60ch}.mono{font-family:var(--font-mono)}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,0)),var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;position:relative;overflow:hidden;transition:border-color .22s ease,transform .22s ease}.card:hover{border-color:var(--line-strong)}.chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:hsla(0,0%,100%,.04);border:1px solid var(--line);color:var(--text-dim)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.16);margin-right:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid var(--line-strong);background:hsla(0,0%,100%,.03);transition:background .18s ease,transform .18s ease,border-color .18s ease}.btn:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.22)}.btn-primary{background:linear-gradient(135deg,#67e8f9,#a78bfa);color:#0a0b10;border:0;font-weight:600}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.grad-text{background:linear-gradient(135deg,#67e8f9,#a78bfa 60%,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.hairline{height:1px;background:var(--line);width:100%}.bg-grid{inset:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0,#000 30%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0,#000 30%,transparent 70%)}.bg-glow,.bg-grid{position:absolute;pointer-events:none;z-index:0}.bg-glow{width:min(720px,120vw);height:min(720px,120vw);max-width:100%;background:radial-gradient(circle,rgba(103,232,249,.18) 0,rgba(167,139,250,.1) 35%,transparent 65%);filter:blur(20px);top:-240px;left:50%;transform:translateX(-50%)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(7,8,11,.72);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav a.link{color:var(--text-dim);font-size:14px;padding:6px 10px;border-radius:8px;transition:color .18s}.nav a.link:hover{color:var(--text)}.hero{padding-top:180px;padding-bottom:120px;position:relative;overflow:hidden}@media (max-width:720px){.hero{padding-top:130px;padding-bottom:80px}}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:18px;gap:18px}.bento .card{padding:28px}.bento .b-span-4{grid-column:span 4}.bento .b-span-3{grid-column:span 3}.bento .b-span-2{grid-column:span 2}.bento .b-span-6{grid-column:span 6}@media (max-width:900px){.bento{grid-template-columns:repeat(2,1fr);gap:14px}.bento .b-span-2,.bento .b-span-3,.bento .b-span-4,.bento .b-span-6{grid-column:span 2}.bento .card{padding:22px}}@media (max-width:600px){.bento{grid-template-columns:1fr;gap:12px}.bento .card{padding:20px}}.project{position:relative;padding:26px;min-height:220px}.project .accent-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.5}.footer{padding:48px 0 36px;border-top:1px solid var(--line);margin-top:80px;color:var(--text-dim);font-size:13px}