/* Shared styling for legal pages (privacy / terms / refund). Matches the
   storefront dark glassmorphism theme. */
:root{
  --bg:#0a0b12; --ink:#eef0f8; --muted:#9aa3b8; --line:rgba(255,255,255,.10);
  --glass:rgba(255,255,255,.05); --glass-2:rgba(255,255,255,.085);
  --brand:#6366f1; --brand2:#a855f7; --maxw:820px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; min-height:100vh; font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.7; -webkit-font-smoothing:antialiased; position:relative; overflow-x:hidden;
}
body::before{content:""; position:fixed; z-index:0; border-radius:50%; filter:blur(110px); opacity:.4; pointer-events:none;
  width:60vw; height:60vw; top:-24vw; left:-14vw; background:radial-gradient(circle,#6366f1,transparent 65%);}
body::after{content:""; position:fixed; z-index:0; border-radius:50%; filter:blur(110px); opacity:.4; pointer-events:none;
  width:55vw; height:55vw; top:30vw; right:-20vw; background:radial-gradient(circle,#a855f7,transparent 65%);}
a{color:#c7b8ff; text-decoration:none;}
a:hover{color:#fff;}
.wrap{position:relative; z-index:1;}
.container{max-width:var(--maxw); margin:0 auto; padding:0 22px;}

.site-header{position:sticky; top:0; z-index:50; backdrop-filter:blur(14px); background:rgba(10,11,18,.55); border-bottom:1px solid var(--line);}
.site-header .container{max-width:1100px; display:flex; align-items:center; justify-content:space-between; height:72px;}
.brand{display:flex; align-items:center; gap:11px; font-weight:800; font-size:18px; letter-spacing:-.02em; color:#fff;}
.brand:hover{color:#fff;}
.logo-dot{width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,var(--brand),var(--brand2)); box-shadow:0 6px 18px -6px var(--brand);}
.nav{display:flex; align-items:center;}
.nav a{color:var(--muted); margin-left:24px; font-weight:500; font-size:15px;}
.nav a:hover{color:#fff;}
.nav a.nav-cta{color:#fff; border:1px solid var(--line); padding:8px 16px; border-radius:10px; background:var(--glass-2);}
.nav a.nav-cta:hover{border-color:var(--brand);}

.legal{padding:56px 0 30px;}
.legal h1{font-size:clamp(30px,4vw,42px); margin:0 0 8px; letter-spacing:-.025em; font-weight:900;
  background:linear-gradient(120deg,#fff 35%,#c7b8ff); -webkit-background-clip:text; background-clip:text; color:transparent;}
.legal .updated{color:var(--muted); font-size:14px; margin:0 0 34px;}
.legal h2{font-size:21px; font-weight:800; letter-spacing:-.01em; margin:34px 0 12px;}
.legal h3{font-size:17px; font-weight:700; margin:22px 0 8px;}
.legal p{color:#cbd0e0; margin:0 0 16px; text-align:justify; text-justify:inter-word; -webkit-hyphens:auto; hyphens:auto;}
.legal ul{margin:0 0 16px; padding-left:22px; color:#cbd0e0;}
.legal li{margin:0 0 8px;}
.legal strong{color:#fff;}
.legal .card{border:1px solid var(--line); background:var(--glass); border-radius:16px; padding:22px 26px; margin:0 0 22px;}

.site-footer{border-top:1px solid var(--line); padding:40px 0; margin-top:40px;}
.site-footer .container{max-width:1100px; display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; color:var(--muted); font-size:14px;}
.site-footer a{color:#c9cee0;}

@media(max-width:560px){ .nav a{margin-left:14px;} .nav a.nav-cta{display:none;} }