:root { font-family: Inter, system-ui, sans-serif; color: #1e293b; background: #f8fafc; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #1b4f9e; }
a:hover { color: #113b79; }
a:focus-visible { outline: 2px solid #1b4f9e; outline-offset: 4px; }
.legal-header { background: #101a35; color: #fff; }
.legal-header-inner { max-width: 960px; margin: auto; min-height: 90px; padding: 8px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.legal-header img { width: 100px; height: 70px; object-fit: contain; }
.legal-header a:last-child { color: #e2e8f0; text-decoration: none; font-weight: 600; font-size: 14px; }
main { max-width: 960px; margin: 44px auto 76px; padding: 0 24px; }
.legal-card { border-radius: 18px; padding: clamp(24px, 5vw, 56px); background: #fff; box-shadow: 0 10px 45px rgba(15, 23, 42, .07); }
h1 { color: #101a35; font-size: clamp(29px, 5vw, 42px); line-height: 1.15; margin: 0 0 12px; }
h2 { color: #101a35; font-size: 20px; line-height: 1.3; margin: 32px 0 12px; }
p, li { font-size: 15px; line-height: 1.8; }
ul { padding-left: 22px; }
.updated { color: #64748b; font-size: 13px; margin: 0 0 28px; }
.notice { padding: 15px 18px; border-left: 3px solid #1b4f9e; background: #eff6ff; border-radius: 0 7px 7px 0; }
footer { background: #101a35; color: #cbd5e1; padding: 25px 24px; text-align: center; font-size: 13px; }
footer a { color: #dbeafe; }
@media (max-width: 540px) { .legal-header-inner { min-height: 76px; } .legal-header img { width: 85px; height: 60px; } main { margin: 24px auto 48px; } }