:root { color-scheme: dark; font-family: system-ui, -apple-system, sans-serif; color: #f3f4f6; background: #11151b; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 24px; }
main { width: 100%; max-width: 560px; padding: 40px; border: 1px solid #343b45; border-radius: 20px; background: #1b222b; }
.eyebrow { color: #b6c7a3; font-size: 12px; letter-spacing: .14em; font-weight: 700; }
h1 { font-size: clamp(25px, 5vw, 34px); line-height: 1.2; margin-top: 24px; }
p { line-height: 1.65; }
.ip { font-family: ui-monospace, monospace; font-size: clamp(20px, 5vw, 28px); overflow-wrap: anywhere; color: #d6f5b8; }
.muted { color: #aeb6c0; font-size: 14px; margin-top: 24px; }
button { width: 100%; padding: 16px; margin-top: 16px; border: 0; border-radius: 10px; background: #cbf19e; color: #172018; font-size: 16px; font-weight: 700; cursor: pointer; }
button:focus-visible { outline: 3px solid white; outline-offset: 4px; }
@media (max-width: 480px) { main { padding: 24px; } }