:root { color-scheme: light; font-family: ui-rounded, -apple-system, BlinkMacSystemFont, "SF Pro Rounded", sans-serif; background: #1a1033; color: #fff4e6; }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px 64px; }
main { max-width: 760px; margin: 0 auto; }
header { text-align: center; padding: 28px 12px 24px; }
.mark { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 20px; background: #ff7a2e; }
.bomb { width: 40px; height: 40px; border-radius: 50%; background: #241b33; position: relative; top: 4px; }
.bomb::after { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #ffc53d; top: -12px; right: -8px; box-shadow: 0 0 10px #fff3c4; }
h1 { margin: 14px 0 4px; font-size: clamp(2rem, 7vw, 3.2rem); letter-spacing: -0.03em; }
header p { margin: 0; color: #fff4e6b0; }
section { background: #2b1d52; border-radius: 22px; padding: 26px 28px; margin: 16px 0; }
h2 { margin: 0 0 12px; font-size: 1.45rem; }
p, li { font-size: 1rem; line-height: 1.62; }
.lead { color: #ffc53d; font-weight: 700; }
a { color: #ffc53d; }
footer { color: #fff4e699; text-align: center; padding: 18px 0; font-size: .9rem; }
@media (max-width: 520px) { section { padding: 22px 20px; } body { padding-top: 12px; } }