:root{--bg:#080b16;--bg-elev:#0f1526;--text:#e7e9f2;--muted:#97a0b8;--border:#1d2439;--accent-1:#2b4bd4;--accent-2:#5b8cff;--brand-navy:#162a75;--accent-grad:linear-gradient(90deg, var(--accent-1), var(--accent-2));--maxw:1080px;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 80% -10%, #5b8cff29, transparent 60%), radial-gradient(900px 500px at 0% 0%, #2b4bd41f, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0fb3;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:92px;display:flex}.brand{align-items:center;gap:16px;height:100%;display:flex}.brand-logo{width:80px;height:80px;display:block}.brand-wordmark{width:auto;height:46px;display:block}.brand .brand-accent{background:var(--accent-grad);color:#0000;background-clip:text}.nav-links{align-items:center;gap:22px;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.nav-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-size:1rem;display:none}main{flex:1 0 auto}.hero{text-align:center;padding:96px 0 72px}.hero-title{margin:0 0 18px}.hero-wordmark{filter:drop-shadow(0 6px 34px #5b8cff47);width:min(640px,84%);height:auto;margin:0 auto;display:block}.hero h1{letter-spacing:-.01em;margin-bottom:18px;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.05}.hero h1 .grad{background:var(--accent-grad);color:#0000;background-clip:text}.hero p{color:var(--muted);max-width:620px;margin:0 auto 32px;font-size:1.15rem}.btn-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{border-radius:999px;padding:13px 26px;font-size:.98rem;font-weight:600;transition:transform .15s,opacity .2s;display:inline-block}.btn-primary{background:var(--accent-grad);color:#fff}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent-1)}.section{padding:56px 0}.section h2{margin-bottom:12px;font-size:1.8rem}.section p{color:var(--muted);max-width:700px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px;display:grid}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card h3{margin-bottom:8px;font-size:1.15rem}.card p{color:var(--muted);font-size:.95rem}.page{padding:64px 0}.page h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3rem)}.page p{color:var(--muted);margin-bottom:14px}.page a.link{color:var(--accent-1)}.badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-bottom:20px;padding:4px 12px;font-size:.8rem;display:inline-block}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:40px;padding:32px 0;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-inner a{color:var(--muted)}.footer-inner a:hover{color:var(--text)}@media (width<=720px){.nav{height:72px}.brand-logo{width:58px;height:58px}.brand-wordmark{height:34px}.nav-toggle{display:block}.nav-links{background:var(--bg-elev);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:8px 0;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a{padding:12px 20px;display:block}}.section-center{text-align:center}.section-center p{margin-left:auto;margin-right:auto}.genre-tags{flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:22px auto 26px;display:flex}.genre{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:8px 16px;font-size:.92rem;font-weight:500}.community{color:var(--text);margin-bottom:22px;font-size:1.12rem}