:root{
  --bg:#050505;
  --accent:#FFAB10;
  --accent-dark:#D99612;
  --app:var(--accent);
  --muted:#F7F7F5;
  --white:#F7F7F5;
  --border:rgba(255,255,255,0.08);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;color:var(--white);font-family:'Space Grotesk',sans-serif;
  background:
    linear-gradient(rgba(5,5,5,0.87), rgba(5,5,5,0.87)),
    url('../assets/site-bg.jpg') center/cover no-repeat fixed;
}
a{color:inherit;text-decoration:none;}
h1,h2,h3{margin:0;font-family:'Archivo Black',sans-serif;}

.header-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px 64px;background:rgba(5,5,5,0.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.header-nav .logo{font-family:'Archivo Black',sans-serif;font-size:18px;letter-spacing:0.04em;color:var(--white);}
.header-navlinks{display:flex;gap:40px;font-size:15px;font-weight:500;}
.header-navlinks a{color:var(--white);transition:color .15s ease;}
.header-navlinks a:hover{color:var(--accent-dark);}

.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#a9a9a4;margin-bottom:28px;}
.back-link:hover{color:var(--white);}

.legal-page{padding:140px 64px 80px;max-width:820px;margin:0 auto;}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:0.12em;color:var(--app);margin-bottom:16px;}
.legal-doc h1{font-size:clamp(28px,3.4vw,40px);margin-bottom:8px;}
.legal-doc .legal-date{font-size:13px;color:#8a8a86;margin:0 0 28px;}
.legal-doc h2{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;margin:28px 0 12px;}
.legal-doc p,.legal-doc li{font-size:15px;line-height:1.85;color:var(--white);}
.legal-doc p{margin:0 0 16px;}
.legal-doc ul{margin:0 0 16px;padding-left:20px;}
.legal-doc li{margin:0 0 10px;}
.legal-doc a{color:var(--app);}
.legal-doc a:hover{color:var(--white);}
.legal-doc address{font-style:normal;font-size:15px;line-height:1.85;margin:0 0 16px;}

.app-legal{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 64px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#8a8a86;max-width:1440px;margin:0 auto;}
.app-legal .links{display:flex;gap:24px;}
.app-legal a{color:#8a8a86;}
.app-legal a:hover{color:var(--white);}

footer{position:relative;padding:80px 64px 0;overflow:hidden;}
.footer-top{display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap;position:relative;z-index:2;}
.footer-brand{max-width:320px;}
.footer-brand .logo{margin-bottom:14px;font-family:'Archivo Black',sans-serif;font-size:20px;color:var(--white);}
.footer-brand p{font-size:13px;line-height:1.6;color:#75716b;margin:0;}
.footer-cols{display:flex;gap:60px;}
.footer-col div:first-child{font-weight:700;font-size:13px;margin-bottom:14px;}
.footer-col{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted);}
.footer-word{font-family:'Archivo Black',sans-serif;font-size:clamp(90px,20vw,300px);text-align:center;line-height:1;color:#fff;margin:20px 0;white-space:nowrap;user-select:none;position:relative;z-index:1;overflow:hidden;}
.footer-bottom{display:flex;justify-content:space-between;padding:24px 0 32px;border-top:1px solid rgba(255,255,255,0.06);font-size:12px;color:#676762;position:relative;z-index:2;flex-wrap:wrap;gap:12px;}
.footer-bottom .links{display:flex;gap:24px;}

.back-to-top{position:fixed;right:28px;bottom:28px;z-index:40;width:46px;height:46px;border-radius:50%;background:rgba(17,17,20,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:border-color .15s ease;}
.back-to-top:hover{border-color:rgba(255,255,255,0.4);}
.back-to-top svg{width:18px;height:18px;}

@media (max-width:900px){
  .header-nav{padding:22px 24px;}
  .legal-page,.app-legal{padding-left:24px;padding-right:24px;}
  footer{padding:60px 24px 0;}
  .footer-top{flex-direction:column;gap:32px;}
}
