:root { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #172b4d; background: #f1f5fb; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: clamp(16px, 4vw, 40px); }
.notice { width: min(100%, 480px); padding: clamp(24px, 6vw, 48px); background: #fff; border: 1px solid #dbe4f1; border-radius: 20px; box-shadow: 0 16px 48px #1834590a; }
.brand { display: inline-block; color: #fff; background: #2458b8; padding: 12px 14px; border-radius: 12px; font-size: 20px; font-weight: 750; letter-spacing: .04em; }
.identity { margin: 28px 0 8px; font-size: 15px; font-weight: 600; color: #50627d; }
h1 { margin: 0 0 16px; font-size: clamp(28px, 6vw, 36px); line-height: 1.2; letter-spacing: -.025em; }
.description { margin: 0; font-size: 16px; line-height: 1.65; }
.foundation { margin: 32px 0 0; padding-top: 20px; border-top: 1px solid #e5eaf2; color: #50627d; font-size: 13px; line-height: 1.6; }
@media (max-height: 480px) { body { place-items: start center; } .identity { margin-top: 20px; } .foundation { margin-top: 24px; } }