:root { font-family: "Microsoft YaHei", system-ui, sans-serif; color: #172033; background: #f3f7fc; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 15% 15%, #dbeafe, transparent 34%), radial-gradient(circle at 85% 85%, #dcfce7, transparent 32%), #f4f7fb; }
.card { width: min(620px, 100%); padding: 46px; border: 1px solid #dfe7f1; border-radius: 24px; background: rgba(255,255,255,.95); box-shadow: 0 24px 70px rgba(30,55,90,.13); }
.mark { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, #1677ff, #36c98f); color: white; font-weight: 800; }
.eyebrow { margin: 24px 0 4px; color: #1677ff; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; }
h1 { margin: 0 0 20px; font-size: clamp(28px, 5vw, 40px); }
p { color: #5c687a; line-height: 1.8; }
.status { display: flex; align-items: center; gap: 10px; margin: 26px 0 16px; padding: 14px 16px; border-radius: 12px; background: #f0fff8; color: #16794e; font-weight: 700; }
.status span { width: 10px; height: 10px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 5px #d9fbe8; }
.privacy { margin-bottom: 0; font-size: 13px; color: #7a8697; }
@media (max-width: 600px) { .card { padding: 30px 24px; } }