:root{
 --bg:#f5fbff;
 --panel:#ffffff;
 --line:#d6e4ec;
 --ink:#163642;
 --muted:#547079;
 --brand:#1f6f88;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
 font-family:Manrope,Inter,Segoe UI,Arial,sans-serif;
 color:var(--ink);
 background:
 radial-gradient(110% 90% at 8% -20%,rgba(63,173,221,.14),transparent 48%),
 radial-gradient(105% 100% at 92% -24%,rgba(245,185,103,.14),transparent 42%),
 var(--bg);
}
.container{width:min(1020px,92vw);margin:0 auto}
.legal-header{
 position:sticky;
 top:0;
 z-index:20;
 border-bottom:1px solid var(--line);
 background:rgba(247,252,255,.93);
 backdrop-filter:blur(8px);
}
.legal-header-in{
 min-height:64px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
}
.legal-logo{width:116px;height:auto}
.legal-back{
 display:inline-flex;
 align-items:center;
 min-height:36px;
 padding:0 12px;
 border:1px solid #b9d0dc;
 border-radius:999px;
 text-decoration:none;
 color:#1d5c72;
 font-weight:800;
 font-size:.84rem;
}
.legal-main{padding:24px 0 36px}
.legal-panel{
 border:1px solid var(--line);
 border-radius:16px;
 background:var(--panel);
 box-shadow:0 14px 34px rgba(16,43,57,.1);
 padding:18px 18px 14px;
}
h1{
 margin:0 0 8px;
 font-size:clamp(1.4rem,3.2vw,2rem);
 color:#153743;
}
.legal-updated{
 margin:0 0 14px;
 color:var(--muted);
 font-size:.86rem;
}
h2{
 margin:16px 0 8px;
 font-size:1rem;
 color:#1a4b5b;
}
p{margin:0 0 10px;line-height:1.6;color:#456069}
ul{margin:0 0 12px;padding-left:18px;display:grid;gap:7px}
li{line-height:1.5;color:#456069}
.legal-links{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-top:12px;
 padding-top:12px;
 border-top:1px solid var(--line);
}
.legal-link{
 color:var(--brand);
 font-weight:700;
 font-size:.86rem;
 text-underline-offset:2px;
}
.legal-footer{
 border-top:1px solid var(--line);
 padding:14px 0 22px;
 color:#607880;
 font-size:.82rem;
 text-align:center;
}
@media (max-width:760px){
 .legal-header-in{min-height:58px}
 .legal-logo{width:98px}
 .legal-back{font-size:.78rem;min-height:34px;padding:0 10px}
 .legal-main{padding:14px 0 24px}
 .legal-panel{padding:14px 12px}
}