:root { color-scheme: dark; font-family: Consolas, "Courier New", monospace; background: #030609; color: #d8e9f4; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 45%, #0b1e31 0, #030609 65%); }
.message { width: min(88vw, 760px); padding: 48px 0; }
.eyebrow { color: #6296ba; font-size: .78rem; letter-spacing: .22em; margin: 0 0 34px; }
h1 { font-weight: 400; font-size: clamp(2rem, 7vw, 5rem); letter-spacing: .04em; line-height: 1.25; margin: 0 0 38px; }
h1 span { display: block; opacity: 0; animation: appear .8s ease forwards; }
h1 span:nth-child(2) { animation-delay: 1.8s; }
h1 span:nth-child(3) { animation-delay: 3.6s; color: #9edbff; text-shadow: 0 0 28px #4aaaff66; }
.note { color: #8095a5; line-height: 1.7; margin: -16px 0 36px; }
a { display: inline-block; color: #aec9dd; text-decoration: none; border-bottom: 1px solid #47667e; padding: 10px 0; letter-spacing: .12em; font-size: .85rem; }
a:hover, a:focus-visible { color: white; border-color: #84caff; outline: none; text-shadow: 0 0 14px #5bbaff; }
a b { margin-left: 12px; font-size: 1.3rem; }
@keyframes appear { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; } h1 span { opacity: 1; } }