:root { --fg:#f5f7fa; --bg:#0a1420; --card:#13253e; --accent:#2b7fff; --muted:#9fb3c8; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Roboto,Arial}
header.banner img{width:100%;display:block}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
h1,h2{margin:8px 0 12px}
.small{color:var(--muted)}
.nav{display:flex;gap:12px;flex-wrap:wrap}
.nav a{color:#b5d1ff;text-decoration:none;background:#0f1f33;padding:8px 12px;border-radius:10px}
.btn,button{background:var(--accent);color:#fff;border:0;border-radius:12px;padding:10px 14px;cursor:pointer}
.success{color:#b1f2c1} .error{color:#ffb3bf}