:root{--bg:#141A3A;--card:#1d2450;--ink:#F4F4F2;--muted:#B9A6E0;--accent:#F5C542;--red:#D6283C}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--ink);line-height:1.5}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px}
h1{font-size:2rem;margin:.2em 0}h2{font-size:1.3rem;margin:1.4em 0 .4em}
p{margin:.6em 0}.muted{color:var(--muted)}.small{font-size:.9rem}
.card{background:var(--card);border-radius:14px;padding:24px;margin:20px 0}
.btn{display:inline-block;background:var(--accent);color:#1b1b1b;font-weight:bold;padding:14px 26px;border-radius:10px;text-decoration:none;border:0;font-size:1.05rem;cursor:pointer}
input[type=email],input[type=text]{width:100%;padding:14px;border-radius:10px;border:1px solid #3a4480;background:#0f1430;color:var(--ink);font-size:1rem;margin:8px 0 14px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand img{width:44px;height:44px}
.brand a{color:var(--ink);text-decoration:none;font-weight:bold;letter-spacing:.04em}
.sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sw div{border-radius:12px;padding:12px;min-height:110px;display:flex;flex-direction:column;justify-content:flex-end}
.sw b{font-size:1.5rem}.sw span{font-size:.85rem}
.dark b,.dark span{color:#fff}.light b,.light span{color:#1b1b1b}
ul{padding-left:1.2em}footer{margin-top:40px;color:var(--muted);font-size:.85rem}