:root { color-scheme: dark; font-family: Inter, Arial, sans-serif; background: #07111d; color: #f3f8ff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% 15%, #173e69, transparent 40%), #07111d; }
.shell { width: min(100% - 2rem, 900px); margin: 0 auto; padding: clamp(2rem, 7vw, 6rem) 0; }
.back { color: #8bc6ff; text-decoration: none; }
.back:focus-visible { outline: 2px solid #8bc6ff; outline-offset: 4px; }
.eyebrow { color: #70b9ff; font-weight: 800; letter-spacing: .16em; margin-top: 5rem; }
h1 { font-size: clamp(3rem, 8vw, 6rem); line-height: 1; margin: .5rem 0; }
.lead { color: #c9d9ec; font-size: clamp(1.2rem, 3vw, 1.7rem); line-height: 1.5; max-width: 45rem; }
.notice { border: 1px solid #365b7e; border-radius: 16px; background: #0c2135; margin-top: 3rem; padding: clamp(1.25rem, 4vw, 2rem); }
.notice h2 { margin-top: 0; }
.notice p { color: #c9d9ec; margin-bottom: 0; }