:root{
  --midnight:#0D1B2A;
  --orange:#F77F00;
  --silver:#CED4DA;
  --surface:#1B2838;
  --line:rgba(206,212,218,0.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Inter",system-ui,sans-serif;
  background:#f5f6f8;
  color:#1f2a37;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
h1,h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-0.01em}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}

/* Dark header */
.legal-head{
  background:var(--midnight);
  border-bottom:3px solid var(--orange);
  position:sticky;top:0;z-index:10;
}
.legal-head .wrap{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 24px;gap:18px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:"Space Grotesk";font-weight:700;font-size:16px}
.brand .mark{width:30px;height:30px}
.brand .mark svg{width:30px;height:30px}
.brand em{font-style:normal;color:var(--orange);font-weight:600}
.brand .o{color:var(--orange)}
.legal-nav{display:flex;gap:18px;flex-wrap:wrap}
.legal-nav a{color:var(--silver);font-size:13.5px;font-weight:500;transition:.18s}
.legal-nav a:hover,.legal-nav a.active{color:var(--orange)}

/* Light content */
.legal-main{padding:56px 0 40px}
.legal-main h1{
  font-size:clamp(30px,4vw,42px);font-weight:700;color:#0D1B2A;margin-bottom:8px;
  padding-bottom:18px;border-bottom:1px solid #dfe3ea;
}
.legal-main .updated{color:#6b7785;font-size:13px;margin-bottom:28px}
.legal-main h2{
  font-size:20px;font-weight:600;color:#0D1B2A;margin-top:34px;margin-bottom:10px;
  display:flex;align-items:center;gap:10px;
}
.legal-main h2::before{content:"";width:6px;height:18px;background:var(--orange);border-radius:2px;flex-shrink:0}
.legal-main p{margin-bottom:14px;color:#2a3543}
.legal-main ul{margin:0 0 16px 22px}
.legal-main li{margin-bottom:8px;color:#2a3543}
.legal-main a{color:var(--orange);text-decoration:underline}
.legal-main code{
  background:#0D1B2A;color:var(--orange);padding:2px 7px;border-radius:5px;
  font-size:13px;font-family:"Space Grotesk",monospace;
}
.legal-main .contact-block{
  margin-top:34px;padding:18px 20px;border-radius:12px;
  background:var(--midnight);color:var(--silver);
}
.legal-main .contact-block a{color:var(--orange)}

.legal-foot{
  background:#0D1B2A;color:var(--silver);text-align:center;
  padding:22px 24px;font-size:13px;
}

@media (max-width:600px){
  .legal-head .wrap{padding:14px 18px}
  .legal-nav{gap:14px}
  .legal-main{padding:36px 0 30px}
}