:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #05080d; color: #edf4ff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 85% 5%, rgba(24, 180, 255, .16), transparent 30%), radial-gradient(circle at 8% 60%, rgba(45, 97, 255, .11), transparent 34%), #05080d; }
main { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 72px 0; }
header { padding: 30px; border: 1px solid rgba(93, 205, 255, .22); border-radius: 22px; background: linear-gradient(145deg, rgba(15, 26, 43, .96), rgba(7, 12, 21, .96)); box-shadow: 0 28px 80px rgba(0, 0, 0, .38); }
header span { color: #54d3ff; font-size: 12px; font-weight: 800; letter-spacing: .18em; }
h1 { margin: 12px 0 8px; font-size: clamp(32px, 6vw, 54px); letter-spacing: -.045em; }
header p, section p { color: #a9b7ca; line-height: 1.75; }
section { margin-top: 16px; padding: 23px 26px; border: 1px solid #1d2a3b; border-radius: 16px; background: rgba(10, 16, 26, .88); }
h2 { margin: 0 0 8px; color: #f5f8ff; font-size: 17px; }
section p { margin: 0; font-size: 14px; }
footer { padding: 28px 4px 0; color: #607088; font-size: 12px; text-align: center; }
@media (max-width: 560px) { main { padding: 24px 0 48px; } header, section { padding: 20px; } }