*{box-sizing:border-box}:root{--g-bg:#0b0f1a;--g-panel:#121724;--g-line:#94a3b824;--g-ink:#f1f5f9;--g-mut:#8b96a8}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--g-ink);background:radial-gradient(900px 480px at 85% -10%, #22d3ee24, transparent 60%), radial-gradient(900px 520px at -10% 110%, #a78bfa29, transparent 60%), var(--g-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.gallery-header{justify-content:space-between;align-items:center;padding:22px clamp(20px,6vw,72px);display:flex}.brand{color:var(--g-ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{display:block}.brand em{color:#22d3ee;font-style:normal}.gallery-nav{gap:26px;font-size:14px;display:flex}.gallery-nav a{color:var(--g-mut);text-decoration:none;transition:color .2s}.gallery-nav a:hover{color:var(--g-ink)}.gallery-main{max-width:1080px;margin:0 auto;padding:clamp(28px,6vh,72px) clamp(20px,6vw,72px) 24px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#38bdf8;margin:0 0 18px;font-size:12px;font-weight:600}h1{letter-spacing:-.03em;background:linear-gradient(100deg,#f1f5f9,#a5b4fc 60%,#38bdf8);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,8vw,86px);font-weight:800;line-height:.98}.intro{max-width:640px;color:var(--g-mut);margin:22px 0 46px;font-size:17px;line-height:1.65}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.theme-card{border:1px solid var(--g-line);color:var(--g-ink);background:#ffffff09;border-radius:20px;flex-direction:column;gap:8px;padding:26px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 18px 40px -24px #000c}.theme-card:hover{border-color:#94a3b866;transform:translateY(-6px);box-shadow:0 26px 50px -24px #38bdf859}.theme-card h2{letter-spacing:-.01em;margin:8px 0 0;font-size:26px}.theme-card p{color:var(--g-mut);flex:1;margin:0;font-size:14.5px;line-height:1.55}.theme-tag{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:11px;font-weight:800}.theme-go{margin-top:14px;font-size:14px;font-weight:700}.theme-card--glass{border-top:3px solid #38bdf8}.theme-card--glass .theme-tag{color:#0b0f1a;background:linear-gradient(120deg,#22d3ee,#38bdf8,#a78bfa)}.theme-card--glass .theme-go{color:#38bdf8}.theme-card--synthwave{border-top:3px solid #f472b6}.theme-card--synthwave .theme-tag{color:#1b0a2e;background:linear-gradient(120deg,#f472b6,#fb923c)}.theme-card--synthwave .theme-go{color:#f472b6}.theme-card--terminal{border-top:3px solid #4ade80;font-family:Consolas,SF Mono,ui-monospace,monospace}.theme-card--terminal .theme-tag{color:#05120a;background:#4ade80}.theme-card--terminal .theme-go{color:#4ade80}.theme-card--swiss{background:#0d1117;border-top:3px solid #ef4444;font-family:Helvetica Neue,Arial,sans-serif}.theme-card--swiss .theme-tag{color:#ef4444;background:0 0;border:1.5px solid #ef4444}.theme-card--swiss .theme-go{color:#ef4444}.theme-card--brutalism{border-top:3px solid #fbbf24;border-radius:0;box-shadow:7px 7px #000}.theme-card--brutalism:hover{box-shadow:7px 7px #222}.theme-card--brutalism .theme-tag{color:#0b0f1a;background:#fbbf24}.theme-card--brutalism .theme-go{color:#fbbf24}.variant-section{margin-top:72px}.variant-head{flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:22px;display:flex}.variant-head h2{letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(24px,4vw,36px)}.variant-head p{color:var(--g-mut);margin:0;font-size:14.5px}.theme-card--variant{border-top:3px solid #ef4444;border-radius:10px}.theme-card--variant .theme-tag{color:#fbeceb;background:#ef4444}.theme-card--variant .theme-go{color:#f87171}.gallery-footer{max-width:1080px;color:var(--g-mut);margin:0 auto;padding:30px clamp(20px,6vw,72px) 54px;font-size:14px}.gallery-footer a{color:#9ab6f5;text-decoration:none}.gallery-footer a:hover{color:#f1f5f9;text-decoration:underline}