@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Manrope:wght@400;500;600;700&display=swap');
:root{
  --bg:#0b1120; --ink:#ffffff; --muted:#cfd8e8; --line:#34496f; --accent:#6aa0ff; --warn:#f0c674;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Manrope,system-ui,sans-serif}
a{color:var(--accent)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header.top{border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;height:76px;max-width:1120px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.brand img{height:60px;width:auto;display:block}
.brand small{display:block;margin:0;padding-left:14px;border-left:1px solid var(--line);font:600 12px/1.2 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:520px){ .brand img{height:46px} .brand small{font-size:10px;padding-left:10px} }
.legal{padding:32px 16px 56px}
.legal h1{font-family:Fraunces,serif;font-weight:400;font-size:clamp(28px,5vw,38px);line-height:1.1;margin:0 0 6px}
.legal h2{font-size:18px;margin:28px 0 6px}
.legal p,.legal li{color:#e6ecf5}
.nota{color:var(--muted);font-size:14px}
.pend{color:var(--warn)}