@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-bg:#0a0a0f;--color-bg-elevated:#111118;--color-bg-subtle:#16161f;--color-surface:#1c1c28;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-bright:#60a5fa;--color-accent-glow:#3b82f626;--color-text:#f4f4f5;--color-text-muted:#a1a1aa;--color-text-subtle:#52525b;--color-border:#27272a;--color-border-accent:#3b82f64d;--color-success:#22c55e;--color-danger:#f87171;--shadow-soft:0 24px 60px #00000047;--shadow-card:0 18px 40px #00000038;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--container-width:1200px;--section-py:clamp(4rem,7vw,6rem);--text-hero:clamp(3rem,6.5vw,5.5rem);--text-h2:clamp(2rem,3.5vw,3rem);--text-h3:clamp(1.1rem,2vw,1.35rem);--text-body:1rem;--text-small:.875rem;--font-display:"Outfit","Segoe UI",sans-serif;--font-body:"Outfit","Segoe UI",sans-serif;--font-mono:"JetBrains Mono",monospace}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.05}h1{font-size:var(--text-hero)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--color-text);background:radial-gradient(ellipse 40% 40% at 85% 10%,#3b82f61f 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 50% 100%,#3b82f614 0%,transparent 70%),var(--color-bg);font:400 var(--text-body)/1.65 var(--font-body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body.modal-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}main{overflow:clip}.container{width:min(100% - 32px,var(--container-width));margin:0 auto}.section{padding:var(--section-py)0;position:relative}.section-elevated{background:var(--color-bg-elevated)}.section-header{text-align:center;gap:14px;max-width:700px;margin:0 auto 3rem;display:grid}.section-kicker{color:var(--color-accent-bright);font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.section-title{max-width:none}.section-description{max-width:none;color:var(--color-text-muted);font-size:1rem;line-height:1.6}.tech-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.tech-card:before{content:"";opacity:0;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tech-card:hover:before{opacity:1}.grid-bg{pointer-events:none;opacity:.4;background-image:linear-gradient(var(--color-border)1px,transparent 1px),linear-gradient(90deg,var(--color-border)1px,transparent 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0;overflow:hidden}.grid-bg:after{content:"";background:radial-gradient(ellipse 80% 60% at 50% 0%,transparent 0%,var(--color-bg)100%);position:absolute;inset:0}.accent-glow{color:var(--color-accent-bright);text-shadow:0 0 20px #3b82f680}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}