@import url("fonts/poppins.css");
:root{--blue:#1463ff;--cyan:#19c3ff;--navy:#070f24;--ink:#141c33;--muted:#5d6784;--soft:#f3f6fd;--line:#e2e8f5;--mark:#fff4c2}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--soft);line-height:1.7}
a{color:var(--blue)}
.container{width:min(900px,100% - 32px);margin-inline:auto}
header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}
.logo{display:flex;align-items:center}
.logo img{height:56px;width:auto}
.lang{display:flex;border:1px solid rgba(255,255,255,.18);border-radius:99px;overflow:hidden}
.lang button{border:0;background:none;padding:7px 12px;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;color:#9fb0d6}
.lang button.active{background:#fff;color:var(--navy)}
.legal{background:#fff;border:1px solid var(--line);border-radius:20px;padding:48px 52px;margin:40px auto 60px}
.legal h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2;margin-bottom:6px}
.legal .updated{color:var(--muted);font-size:.88rem;margin-bottom:28px}
.legal h2{font-size:1.2rem;margin:34px 0 10px;padding-top:6px;border-top:1px solid var(--line)}
.legal h3{font-size:1rem;margin:20px 0 6px}
.legal p,.legal li{font-size:.95rem;color:#2a3350}
.legal p+p{margin-top:10px}
.legal ul{margin:8px 0 8px 22px}
.legal li{margin:4px 0}
.legal table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.9rem}
.legal th,.legal td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.legal th{background:var(--soft)}
.ph{background:var(--mark);padding:0 4px;border-radius:4px}
.notice{background:#e8efff;border-left:4px solid var(--blue);padding:14px 18px;border-radius:10px;font-size:.88rem;margin-bottom:26px}
.toc{background:var(--soft);border-radius:12px;padding:16px 22px;margin-bottom:10px}
.toc ol{margin-left:20px}
.toc a{text-decoration:none}
footer{color:var(--muted);font-size:.85rem;text-align:center;padding:0 16px 40px}
footer a{margin:0 8px}
[hidden]{display:none!important}
@media (max-width:640px){.legal{padding:28px 20px;margin:20px auto 40px;border-radius:14px}.legal table{font-size:.82rem}.legal th,.legal td{padding:7px 8px}}
@media print{header,footer,.notice{display:none}.legal{border:0;margin:0;padding:0}body{background:#fff}.ph{background:none}}
