:root { font-family: Inter, system-ui, sans-serif; color: #253047; background: #f8f7fc; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: radial-gradient(circle at top left, var(--tint), transparent 45%), linear-gradient(135deg, #faf7ff, #fff 55%, #f5f8ff); }
main { display: grid; place-items: center; min-height: 100vh; padding: 28px; }
article { width: min(100%, 560px); padding: clamp(28px, 6vw, 48px); border: 1px solid var(--border); border-radius: 24px; background: #ffffffed; box-shadow: 0 18px 48px #27334a12; }
.icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: var(--accent); color: white; font-size: 29px; }
h1 { margin: 24px 0 12px; color: var(--accent); font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.1; }
p { margin: 0; color: #5e687b; font-size: 1.05rem; line-height: 1.6; }