:root { --ink:#10213d; --muted:#607089; --line:#dce6f2; --blue:#1558e8; --soft:#f5f9ff; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--soft); font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif; line-height:1.7; }
a { color:var(--blue); }
.legal-header { background:#fff; border-bottom:1px solid var(--line); }
.legal-nav { width:min(940px,calc(100% - 36px)); min-height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.legal-nav img { width:112px; height:74px; object-fit:contain; }
.legal-nav a:last-child { font-size:13px; font-weight:800; text-decoration:none; }
.legal-main { width:min(940px,calc(100% - 36px)); margin:46px auto 70px; padding:48px 54px; background:#fff; border:1px solid var(--line); box-shadow:0 20px 55px rgba(22,70,135,.08); }
.legal-main h1 { margin:0 0 12px; font-size:clamp(36px,6vw,58px); line-height:1.05; letter-spacing:-.045em; }
.legal-main .intro { margin:0 0 38px; color:var(--muted); }
.legal-main h2 { margin:36px 0 9px; font-size:23px; letter-spacing:-.025em; }
.legal-main h3 { margin:25px 0 6px; font-size:17px; }
.legal-main p,.legal-main li { color:#4d607a; font-size:14px; }
.legal-main ul { padding-left:22px; }
.notice { margin:25px 0; padding:18px 20px; border-left:4px solid #f59e0b; background:#fff8e7; color:#72520d; font-size:13px; }
.success-icon { width:68px; height:68px; display:grid; place-items:center; margin:0 auto 20px; border-radius:50%; background:#e5f8ee; color:#169b58; font-size:32px; font-weight:900; }
.legal-main.center { max-width:680px; text-align:center; }
.legal-main.center p { max-width:520px; margin:0 auto 28px; }
.legal-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:11px 21px; border-radius:8px; background:var(--blue); color:#fff; font-size:13px; font-weight:800; text-decoration:none; }
.legal-footer { padding:25px 18px; background:#071f4c; color:#8da3c0; text-align:center; font-size:11px; }
@media (max-width:620px) { .legal-main { margin-top:24px; padding:30px 22px; } }