:root{--bg:#090b10;--panel:#11151d;--text:#f4f7fb;--muted:#a9b2c1;--line:#262d39;--accent:#4da3ff;--accent2:#7dd3fc}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#090b10;color:#f4f7fb;line-height:1.6}
a{color:#7dd3fc;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}
header{background:#0d1117;border-bottom:1px solid #262d39}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2387ff,#75d6ff);color:#06101e}
nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#a9b2c1}.hero{padding:88px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.05;margin:0 0 18px}h2{font-size:2rem;margin-top:0}.lead{font-size:1.15rem;color:#a9b2c1}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;margin-right:10px;margin-top:16px;font-weight:700}.btn-primary{background:#4da3ff;color:#07101c}.btn-secondary{border:1px solid #262d39;color:#fff}
.mock,.card{background:#11151d;border:1px solid #262d39;border-radius:16px;padding:20px}.mock-card{border:1px solid #262d39;border-radius:12px;padding:14px;margin-top:10px}
.section{padding:68px 0}.section-alt{background:#0c1016;border-top:1px solid #262d39;border-bottom:1px solid #262d39}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.small{color:#a9b2c1;font-size:.92rem}.tag{background:#143923;color:#76e7aa;border-radius:999px;padding:4px 8px;font-size:.8rem}
.legal{padding:60px 0 90px}.legal article{max-width:860px}.legal h2{font-size:1.4rem;margin-top:30px}.notice{padding:14px 16px;border:1px solid #7a5b1d;background:#2f2612;border-radius:10px;color:#ffe0a0}
.placeholder{background:#3b1717;color:#ff9b9b;border:1px solid #7d2a2a;border-radius:5px;padding:1px 5px;font-family:monospace}
footer{padding:30px 0;border-top:1px solid #262d39;color:#a9b2c1}.footer-grid{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:820px){.hero-grid,.cards{grid-template-columns:1fr}.nav{align-items:flex-start;padding:16px 0}}