/* same theme as v2 */ 
:root { --bg:#0b1321; --panel:#0f1b2e; --card:rgba(255,255,255,.04); --card-border:rgba(255,255,255,.08);
 --text:#e6edf3; --muted:#b5c1cd; --accentA:#2dd4bf; --accentB:#22c55e; --accentText:#062b1b;
 --radius:18px; --shadow:0 10px 30px rgba(0,0,0,.25);}
*{box-sizing:border-box} html,body{height:100%} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 800px at 15% 0%,#0f1b2e 0,var(--bg) 60%);color:var(--text);line-height:1.55;overflow-x:hidden}
.site-header{background:linear-gradient(135deg,rgba(45,212,191,.2),rgba(34,197,94,.2));border-bottom:1px solid rgba(255,255,255,0.08)}
.site-header .wrap{display:flex;align-items:center;gap:18px;max-width:980px;margin:0 auto;padding:18px 20px}
.brand{width:220px;height:auto}
.titleblock h1{margin:0;font-size:clamp(26px,3.8vw,38px)}
.titleblock h1 span{font-weight:700;color:var(--accentA)}
.sub{margin:4px 0 0;color:var(--muted)}
.container{max-width:980px;padding:28px 20px 60px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px 22px;margin:18px 0;box-shadow:var(--shadow);backdrop-filter:blur(6px)}
.card.subtle{background:rgba(255,255,255,0.03);border-style:dashed}
.hero h2{margin-top:0;font-size:28px}
.cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.button{display:inline-block;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,var(--accentA),var(--accentB));color:var(--accentText);text-decoration:none;font-weight:800}
.hint{color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.footer{text-align:center;color:var(--muted);margin-top:36px;font-size:14px}
.bg-shape{position:fixed;inset:auto 0 0 0;width:100%;height:auto;pointer-events:none}
ul{padding-left:18px} a.link{color:var(--accentA)}