* { box-sizing: border-box; }
:root { --bg:#0b1020; --panel:#111735; --ink:#e6e6f0; --accent:#7ea1ff; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif; margin:0; color:var(--ink); background:var(--bg); }
a { color: var(--accent); }
header, footer { padding: 2rem; text-align:center; background: linear-gradient(180deg,#0b1020,#12183a); }
h1 { margin: 0 0 .25rem; }
main { max-width: 860px; margin: 2rem auto; padding: 0 1rem; }
.card { background: var(--panel); border:1px solid #263165; border-radius: 16px; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
button { appearance: none; border:1px solid #3a4aa0; background:#1b2560; color:var(--ink); padding:.6rem 1rem; border-radius:12px; cursor:pointer; font-weight:600; }
button:hover { background:#223070; }
pre { white-space: pre-wrap; background:#0c1330; padding:1rem; border-radius:12px; }