:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #0b1220; color: #e6edf7; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; padding: 16px; }
.box { width: 100%; max-width: 360px; background: #101a2b; border: 1px solid #2b3b55; border-radius: 14px; padding: 32px 24px; text-align: center; }
h1 { margin: 12px 0 4px; font-size: 22px; }
p { margin: 0 0 20px; color: #a8b6cc; }
.btn { display: block; padding: 12px 16px; border-radius: 10px; background: #2364d8; color: #fff; font-weight: 700; text-decoration: none; }
.btn:hover, .btn:focus-visible { background: #2f73ea; outline: 2px solid #73a8ff; outline-offset: 2px; }
.small { margin: 16px 0 0; font-size: 13px; color: #8193ad; }