:root{
    --bg:#0b1220; --card:#111827; --text:#e5e7eb; --muted: #9ca3af; --primary:#3b82f6;
    --danger:#E53935;
    --radius:14px; --shadow:0 10px 28px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
    margin:0;background:linear-gradient(180deg,#0b1220,#111827);
    color:var(--text); font:16px/1.6 system-ui,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif;
}
.container{max-width:100%; height:80%; margin:0 10%;padding:16px}
.site-header,.site-footer{background:transparent;border-bottom:1px solid #1f2937}
.site-footer{border-top:1px solid #1f2937;border-bottom:none;margin-top:3vh}

h1{margin:0;font-size:22px}
.badge{margin-left:10px;color:var(--muted);font-size:12px;border:1px solid #334155;padding:2px 8px;border-radius:999px}
.hero{margin:28px 0;padding:24px;width:90%;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}
.hero h2{margin-top:0}
.actions{margin-top:12px;display:flex;gap:8px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none}
.btn:hover{opacity:.9}