:root{
  --blue:#0754ad;
  --navy:#041b43;
  --cyan:#12b8dd;
  --ink:#0a234a;
  --text:#465873;
  --line:#dceaf6;
  --bg:#f7fbff;
  --white:#fff;
  --container:min(100% - 32px, 980px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:inherit;text-decoration:none}
.legal-header{background:#fff;border-bottom:1px solid var(--line)}
.legal-nav{width:var(--container);margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal-logo img{display:block;height:68px;width:auto;max-width:180px;object-fit:contain}
.back-link{font-weight:800;color:var(--blue)}
.legal-main{width:var(--container);margin:48px auto 72px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,56px);box-shadow:0 18px 55px rgba(8,44,115,.08)}
.legal-main h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 10px}
.updated{color:#71829c;margin:0 0 34px}
.legal-main h2{font-size:1.35rem;margin:34px 0 10px}
.legal-main p,.legal-main li{color:var(--text)}
.legal-main ul{padding-left:22px}
.notice{background:#eef8ff;border:1px solid #d8edf9;border-radius:18px;padding:18px 20px;margin:28px 0}
.contact-box{background:linear-gradient(135deg,#062f76,#0759b7);color:#fff;border-radius:20px;padding:22px 24px;margin-top:34px}
.contact-box p{color:#d7e8fa;margin:6px 0}.contact-box a{font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:3px}
.legal-footer{background:var(--navy);color:#b9cbe3;padding:28px 0}
.legal-footer-inner{width:var(--container);margin:auto;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:.86rem}
.legal-footer a{color:#fff}
@media(max-width:640px){.legal-nav{min-height:72px}.legal-logo img{height:56px}.legal-main{margin-top:24px;border-radius:20px;padding:26px 22px}.legal-footer-inner{flex-direction:column}}