:root{--bg:#0b1b3a;--card:#152747;--text:#f4f7fb;--muted:#aab6cc;--accent:#2eb0d1;--danger:#ec4d42}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-user-select:none;user-select:none}
input,textarea{-webkit-user-select:text;user-select:text}
a{color:var(--accent)}
.wrap{max-width:820px;margin:0 auto;padding:32px 16px 48px}
.hero{text-align:center;padding:24px 0 8px}
.logo{border-radius:22px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
h1{font-size:2.2rem;margin:16px 0 8px}
.lede{color:var(--muted);font-size:1.15rem;margin:0 auto;max-width:560px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:32px 0}
.card{background:var(--card);border-radius:16px;padding:18px}
.card h2{margin:0 0 6px;font-size:1.1rem}
.card p{margin:0;color:var(--muted)}
.how,.help,.legal{background:var(--card);border-radius:16px;padding:20px;margin:16px 0}
.how h2,.help h2{margin-top:0}
.how ol{padding-left:22px;margin:0}
.how li{margin:6px 0}
.help{border:2px solid var(--danger)}
.legal h1{font-size:1.7rem}
.legal h2{font-size:1.15rem;margin:22px 0 6px}
.legal p,.legal li{color:var(--text)}
footer{text-align:center;color:var(--muted);margin-top:32px;font-size:.95rem}