:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 50% 35%, #10213d 0, #07111f 38%, #02060c 72%); color: #eef6ff; }
.shell { width: min(860px, 90vw); padding: 64px; border: 1px solid rgba(120,190,255,.25); border-radius: 28px; background: rgba(6,17,31,.72); box-shadow: 0 30px 100px rgba(0,0,0,.45); backdrop-filter: blur(16px); }
.mark { letter-spacing: .38em; font-size: 13px; color: #75baff; margin-bottom: 28px; }
h1 { margin: 0; max-width: 760px; font-size: clamp(42px,7vw,86px); line-height: .96; font-weight: 650; letter-spacing: -.045em; }
p { margin: 28px 0 34px; color: #a8bed6; font-size: 18px; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; }
.actions span { padding: 10px 14px; border: 1px solid rgba(126,190,255,.22); border-radius: 999px; color: #cfe6ff; background: rgba(255,255,255,.035); }