/* Core corporate identity tokens. */
:root { color-scheme: dark; --navy: #0b1f3b; --blue: #006cff; --cyan: #00d4ff; --muted: #aabbd2; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; color: #fff; font-family: Inter, system-ui, sans-serif; background: radial-gradient(ellipse at 50% 38%, #143861 0%, var(--navy) 48%, #071426 100%); }
/* The grid is decorative, without downloaded resources. */
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; background-image: linear-gradient(#8ebcff0b 1px, transparent 1px), linear-gradient(90deg, #8ebcff0b 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse, black, transparent 80%); }
.landing { position: relative; width: min(100%, 860px); padding: 64px 24px; margin: auto; text-align: center; }
.brand img { width: min(100%, 410px); height: auto; display: block; margin: 0 auto 48px; }
.status { display: inline-flex; align-items: center; gap: 9px; padding: 8px 15px; border: 1px solid #4275a366; border-radius: 999px; color: #c7d9ef; font-size: 11px; font-weight: 650; letter-spacing: .14em; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
h1 { font-size: clamp(2.3rem, 6vw, 4.4rem); line-height: 1.1; letter-spacing: -.055em; margin: 25px 0 18px; }
h1 span { color: #66baff; }
.description { max-width: 560px; margin: 0 auto; color: var(--muted); line-height: 1.7; font-size: clamp(1rem, 2vw, 1.15rem); }
.divider { width: 44px; height: 2px; margin: 30px auto; background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.notice { color: #d5e0ed; line-height: 1.7; font-size: .95rem; margin: 0; }
footer { position: relative; padding: 20px; font-size: .72rem; letter-spacing: .12em; color: var(--muted); }
footer span { padding: 0 8px; color: var(--cyan); }