:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: #dfe7f5; background: radial-gradient(circle at 20% 0%, #17335c 0, #0a1424 35%, #060b13 100%); }
main { min-height: 100vh; display: grid; place-items: center; padding: 2rem; }
.card { width: min(36rem, 100%); padding: 3rem; border: 1px solid #263a56; border-radius: 1.25rem; background: rgba(10, 20, 36, .86); box-shadow: 0 2rem 6rem rgba(0, 0, 0, .35); }
.eyebrow { color: #7da9ee; font-size: .75rem; font-weight: 700; letter-spacing: .16em; }
h1 { margin: .7rem 0 .5rem; color: #fff; font-size: clamp(2rem, 6vw, 3.2rem); letter-spacing: -.04em; }
p { margin: 0; color: #9cafc8; font-size: 1.05rem; }
.status { display: flex; align-items: center; gap: .7rem; margin-top: 2rem; padding: 1rem; border: 1px solid #244b3f; border-radius: .8rem; background: #102d27; color: #9de3c8; }
.status i { width: .65rem; height: .65rem; border-radius: 50%; background: #4bd1a0; box-shadow: 0 0 1rem #4bd1a0; }
footer { margin-top: 2rem; color: #61738c; font-size: .82rem; }