:root { color-scheme: dark; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; display: grid; place-items: center; margin: 0; padding: 28px; color: #edf8ff; background: radial-gradient(circle at 50% 35%, rgba(0,169,231,.12), transparent 28%), #06131f; }
.welcome { width: min(100%, 620px); display: grid; justify-items: center; text-align: center; }
.welcome-mark { width: 76px; height: 76px; display: grid; place-items: center; margin-bottom: 28px; color: #42cbff; background: #0a2b40; border: 1px solid #164d69; border-radius: 22px; box-shadow: 0 24px 70px rgba(0,169,231,.13); }
.welcome-mark svg { width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.welcome-kicker { margin: 0 0 12px; color: #6e91a6; font-size: 12px; font-weight: 800; letter-spacing: .2em; }
h1 { margin: 0; font-size: clamp(48px, 9vw, 82px); line-height: .95; letter-spacing: -.06em; }
.welcome-subtitle { margin: 18px 0 32px; color: #93adbd; font-size: clamp(15px, 2vw, 18px); }
.welcome-action { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 0 24px; color: #001723; background: #43ccff; border-radius: 13px; box-shadow: 0 14px 36px rgba(0,169,231,.2); font-weight: 750; text-decoration: none; transition: transform .18s ease, background .18s ease; }
.welcome-action:hover { background: #72d9ff; transform: translateY(-2px); }
.welcome-action:focus-visible { outline: 3px solid rgba(67,204,255,.35); outline-offset: 4px; }
.welcome-action span { font-size: 21px; line-height: 1; }
.welcome-status { display: flex; align-items: center; gap: 8px; margin: 34px 0 0; color: #658397; font-size: 12px; }
.welcome-status i { width: 7px; height: 7px; background: #43d49e; border-radius: 50%; box-shadow: 0 0 0 5px rgba(67,212,158,.08); }
@media (max-width: 520px) { body { padding: 20px; }.welcome-mark { width: 66px; height: 66px; border-radius: 19px; }.welcome-action { width: 100%; max-width: 300px; } }