body { background: radial-gradient(80% 50% at 0% 0%, #0f1f4d 0%, #070b16 60%, #05070c 100%) fixed; }
.legal { max-width: 720px; margin: 0 auto; padding: 40px 22px 80px; color: #c9d4ee; line-height: 1.7; font-size: 15px; }
.legal .auth-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 18px; color: #fff; margin-bottom: 36px; }
.legal .logo-mark { width: 30px; height: 30px; font-size: 11px; }
.legal h1 { font-size: 40px; letter-spacing: -.03em; color: #fff; margin: 0; }
.legal .updated { color: #6f7a92; font-size: 13px; margin: 6px 0 28px; }
.legal h2 { font-size: 18px; color: #fff; margin: 32px 0 8px; }
.legal ul { padding-left: 20px; }
.legal li { margin: 6px 0; }
.legal b { color: #e6ecf8; }
.legal a { color: #8fb4ff; }
.legal .back { margin-top: 40px; }
/* notch / safe areas */
.legal { padding: max(40px, calc(env(safe-area-inset-top) + 16px)) max(22px, env(safe-area-inset-right)) max(80px, calc(env(safe-area-inset-bottom) + 40px)) max(22px, env(safe-area-inset-left)); }