:root{--ink:#0d1526;--muted:#5f6c82;--line:#dce3ec;--brand:#00b996;--navy:#0b376c;--surface:#f6f9fc}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--surface);line-height:1.7}a{color:#087ea4}.legal-nav{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1040px)/2));position:sticky;top:0}.legal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800}.legal-brand img{width:42px;height:42px}.legal-brand span{display:block;font-size:12px;color:var(--muted);font-weight:600}.legal-back{border:1px solid var(--line);border-radius:10px;padding:9px 15px;text-decoration:none;color:var(--ink)}.legal-hero{background:linear-gradient(135deg,#e8fff9,#edf4ff);border-bottom:1px solid var(--line)}.legal-hero>div,.legal-main{max-width:940px;margin:auto;padding:64px 24px}.legal-hero h1{font-size:clamp(36px,6vw,60px);line-height:1.05;margin:8px 0 18px}.legal-hero p{font-size:18px;color:var(--muted);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#008d75;font-size:12px}.legal-main{background:#fff;margin-top:36px;margin-bottom:36px;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(20,45,80,.07)}.legal-main h2{font-size:25px;margin:38px 0 8px}.legal-main h2:first-child{margin-top:0}.legal-main p,.legal-main li{color:#425067}.legal-note{padding:18px 20px;border-left:4px solid var(--brand);background:#effcf8;border-radius:8px}.status-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:14px}.status-dot{width:13px;height:13px;border-radius:50%;background:#a5afbd}.status-dot.ok{background:var(--brand);box-shadow:0 0 0 6px #d9f8f0}.legal-footer{text-align:center;color:var(--muted);padding:24px}@media(max-width:640px){.legal-nav{height:66px;padding:0 16px}.legal-brand img{width:36px;height:36px}.legal-brand span{display:none}.legal-hero>div{padding:44px 18px}.legal-main{margin:18px 12px;padding:30px 20px;border-radius:16px}}
