@font-face {
  font-family: "Colus";
  src: url("/fonts/Colus-Regular.woff2") format("woff2"), url("/fonts/Colus-Regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
:root { --coral:#f0685a; --cream:#f7ece4; --dim:#cbbcc4; --ink:#0f0913; --line:rgba(247,236,228,.12); }
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family:"Montserrat",system-ui,sans-serif; background:var(--ink); color:var(--cream);
  line-height:1.7; -webkit-font-smoothing:antialiased;
  background-image: radial-gradient(60% 40% at 80% 0%, rgba(240,104,90,.10), transparent 60%),
                    radial-gradient(50% 40% at 10% 4%, rgba(70,87,176,.12), transparent 60%);
  background-attachment: fixed;
}
.legal-top {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px; border-bottom:1px solid var(--line);
  position:sticky; top:0; background:rgba(15,9,19,.8); backdrop-filter:blur(10px); z-index:10;
}
.legal-top img { height:38px; width:auto; display:block; }
.legal-top a.back { color:var(--dim); text-decoration:none; font-size:.9rem; }
.legal-top a.back:hover { color:var(--cream); }
.legal-wrap { max-width:760px; margin:0 auto; padding:54px 24px 90px; }
.legal-wrap h1 {
  font-family:"Colus",serif; font-weight:400; text-transform:uppercase; letter-spacing:.02em;
  font-size:clamp(1.8rem,5vw,2.8rem); line-height:1.1; margin-bottom:10px;
}
.legal-wrap .eff { color:var(--dim); font-size:.9rem; margin-bottom:38px; }
.legal-wrap h2 {
  font-family:"Colus",serif; font-weight:400; text-transform:uppercase; letter-spacing:.02em;
  font-size:1.25rem; color:var(--cream); margin:34px 0 6px;
}
.legal-wrap h3 { font-size:1.02rem; font-weight:600; color:var(--cream); margin:20px 0 4px; }
.legal-wrap p { margin:10px 0; color:#e3d8de; font-weight:300; }
.legal-wrap ul { margin:10px 0 10px; padding-left:22px; color:#e3d8de; font-weight:300; }
.legal-wrap li { margin:7px 0; }
.legal-wrap strong { color:var(--cream); font-weight:600; }
.legal-wrap a { color:var(--coral); text-decoration:underline; text-underline-offset:3px; }
.legal-foot { text-align:center; padding:30px 24px 60px; border-top:1px solid var(--line); }
.legal-foot a { color:var(--dim); text-decoration:none; margin:0 10px; font-size:.85rem; }
.legal-foot a:hover { color:var(--cream); }
