/* Shared styles for legal pages (terms, privacy, refund, etc.) */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--p2:#8736ff;--p3:#cf5dff;--p4:#e879f9;
--grad:linear-gradient(135deg,#8736ff,#cf5dff);
--bg:#0a0a0f;--bg2:#0a0514;
--border:rgba(255,255,255,.06);--border2:rgba(135,54,255,.2);
--t1:#fff;--t2:rgba(255,255,255,0.7);--t3:rgba(255,255,255,0.4);
--r:16px;--r2:24px;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--t1);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.2;color:var(--t1)}
a{color:var(--p3);text-decoration:none;transition:color .2s}
a:hover{color:var(--p4)}
.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(135,54,255,0.03)1px,transparent 1px),linear-gradient(90deg,rgba(135,54,255,0.03)1px,transparent 1px);background-size:60px 60px}

/* Header */
.legal-header{padding:24px 32px;border-bottom:1px solid var(--border);background:rgba(10,5,20,.6);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between}
.legal-header img{height:30px}
.legal-header .nav-links{display:flex;gap:24px;font-size:13px}
.legal-header .nav-links a{color:var(--t2);font-weight:500}
.legal-header .nav-links a:hover{color:var(--p3)}

/* Hero */
.legal-hero{padding:60px 32px 30px;text-align:center;position:relative;z-index:1;max-width:880px;margin:0 auto}
.legal-hero .label{display:inline-block;font-size:11px;letter-spacing:2px;color:var(--p3);text-transform:uppercase;font-weight:700;margin-bottom:14px}
.legal-hero h1{font-size:clamp(32px,5vw,48px);font-weight:900;margin-bottom:14px;letter-spacing:-.02em}
.legal-hero .meta{font-size:13px;color:var(--t3)}

/* Body */
.legal-body{flex:1;max-width:780px;width:100%;margin:0 auto;padding:30px 32px 60px;position:relative;z-index:1}
.legal-body section{margin-bottom:36px}
.legal-body h2{font-size:22px;font-weight:800;margin-bottom:14px;color:var(--t1);padding-bottom:8px;border-bottom:1px solid var(--border)}
.legal-body h3{font-size:16px;font-weight:700;margin:24px 0 10px;color:var(--p3)}
.legal-body p{margin-bottom:14px;color:var(--t2);font-size:14px}
.legal-body ul,.legal-body ol{margin:0 0 16px 24px;color:var(--t2);font-size:14px}
.legal-body li{margin-bottom:8px}
.legal-body strong{color:var(--t1);font-weight:600}

/* Contact card */
.contact-card{background:rgba(135,54,255,.06);border:1px solid var(--border2);border-radius:var(--r2);padding:24px;margin-top:30px;text-align:center}
.contact-card h3{color:var(--p3);font-size:16px;font-weight:800;margin:0 0 8px;border:none;padding:0}
.contact-card p{font-size:13px;color:var(--t2);margin-bottom:0}
.contact-card a{color:var(--p3);font-weight:600}

/* Footer */
.legal-footer{padding:30px 32px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--t3);background:var(--bg2);position:relative;z-index:1}
.legal-footer .links{display:flex;gap:20px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}
.legal-footer .links a{color:var(--t2)}

@media(max-width:640px){
.legal-header{padding:18px 20px;flex-direction:column;gap:12px}
.legal-header .nav-links{font-size:12px;gap:16px}
.legal-hero{padding:40px 20px 20px}
.legal-body{padding:20px 20px 40px}
.legal-body h2{font-size:19px}
}