:root{
  --black:#080808; --near-black:#0A0A0A; --gray:#D5D5D5; --gold-accent:#E5C364;
  --gold-btn-gradient:linear-gradient(184.47deg,#AE8852 21.17%,#C29E4F 30.82%,#FFF2CB 59.79%,#F5DE92 70.29%,#AF8340 87.09%,#9C6A22 101.78%);
  --gold-edge-gradient:linear-gradient(145deg,#F4E29C 0%,#CFA858 24%,#9A7030 52%,#5E421C 78%,#3F290B 100%);
  --gold-text-gradient:linear-gradient(181.41deg,#B07D2A 8.72%,#E5C364 21.86%,#FFF1BB 52.44%,#D4A84A 83.01%,#9C6A22 113.59%);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--black);color:#fff;font-family:'Raleway',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;}

header.site,footer.site .inner,main.legal{padding-left:max(24px,calc((100% - 1100px)/2));padding-right:max(24px,calc((100% - 1100px)/2));}

header.site{position:sticky;top:0;z-index:100;height:88px;background:#070707;display:flex;align-items:center;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,#070707,#C8A45B 50%,#070707) 1;}
header.site .logo{height:52px;display:block;}
header.site .cta{margin-left:auto;}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;font-family:'Raleway';font-weight:700;font-size:13px;letter-spacing:.18em;color:var(--near-black);background:var(--gold-btn-gradient);border:none;border-radius:4px;padding:14px 22px;text-decoration:none;cursor:pointer;box-shadow:0 1px 0 #0A0A0A, inset 0 1px 3px #FFF6B8;}

main.legal{padding-top:64px;padding-bottom:96px;}
.legal-card{max-width:920px;margin:0 auto;border-radius:16px;padding:1.5px;background:var(--gold-edge-gradient);box-shadow:0 0 48px rgba(245,222,146,.08),0 24px 60px rgba(0,0,0,.55);}
.legal-inner{position:relative;background:linear-gradient(160deg,#1A1A1A,#0E0E0E);border-radius:14.5px;padding:56px 60px;overflow:hidden;}
.legal-inner::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 50% 0%,rgba(245,222,146,.08),transparent 60%);pointer-events:none;}
.legal-inner>*{position:relative;}
.legal-inner h1{font-family:'Playfair Display';font-weight:900;font-size:42px;line-height:1.12;background:var(--gold-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.legal-inner .updated{font-family:'Raleway';font-size:14px;color:#8A8A8A;margin:10px 0 28px;letter-spacing:.03em;}
.legal-inner .intro{font-size:17px;color:#E2E2E2;}
.legal-inner h2{font-family:'Playfair Display';font-weight:700;font-size:24px;color:#fff;margin:34px 0 10px;}
.legal-inner p,.legal-inner li{font-family:'Raleway';font-weight:400;font-size:16px;line-height:1.75;color:var(--gray);}
.legal-inner p{margin-bottom:14px;}
.legal-inner ul{margin:0 0 14px 22px;}
.legal-inner li{margin-bottom:6px;}
.legal-inner a{color:var(--gold-accent);text-decoration:none;}
.legal-inner a:hover{text-decoration:underline;}
.legal-inner strong{color:#ECECEC;font-weight:600;}

footer.site{position:relative;background:#000;}
footer.site::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#C9A55C 50%,transparent);}
footer.site .inner{padding-top:56px;padding-bottom:32px;display:flex;flex-direction:column;gap:32px;}
footer.site .top{display:flex;align-items:center;justify-content:space-between;}
footer.site .top img{height:52px;}
footer.site .top nav{display:flex;gap:34px;}
footer.site .top nav a{font-family:'Raleway';font-weight:500;font-size:15px;color:#B5B5B5;letter-spacing:.1em;text-decoration:none;}
footer.site .top nav a:hover{color:var(--gold-accent);}
footer.site .bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
footer.site .bottom span{font-family:'Raleway';font-weight:400;font-size:13px;color:#6A6A6A;letter-spacing:.06em;}
footer.site .bottom .links{display:flex;gap:28px;}
footer.site .bottom .links a{font-family:'Raleway';font-weight:400;font-size:13px;color:#6A6A6A;letter-spacing:.06em;text-decoration:none;}
footer.site .bottom .links a:hover{color:var(--gold-accent);}

@media(max-width:680px){
  header.site{height:68px;}
  header.site .logo{height:40px;}
  .btn-gold{padding:12px 16px;font-size:11px;}
  main.legal{padding-top:40px;padding-bottom:64px;}
  .legal-inner{padding:28px 22px;}
  .legal-inner h1{font-size:30px;}
  .legal-inner h2{font-size:20px;}
  footer.site .top,footer.site .bottom{flex-direction:column;align-items:flex-start;gap:18px;}
  footer.site .bottom .links{flex-wrap:wrap;gap:16px 24px;}
}
