*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --primary:#6C63FF;--primary-dark:#5548d9;--accent:#3B82F6;
  --bg:#0a0a0f;--bg-card:#12121a;--text:#e4e4e7;--text-muted:#9ca3af;
  --border:rgba(108,99,255,.15);--gradient:linear-gradient(135deg,var(--primary),var(--accent));
  --radius:12px;--transition:.3s ease;
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}
a{color:var(--primary);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--accent)}

.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;background:rgba(10,10,15,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav .container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}
.nav-logo{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-.5px}
.nav-logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-back{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color var(--transition)}
.nav-back:hover{color:#fff}

.legal-page{max-width:800px;margin:0 auto;padding:120px 24px 80px}
.legal-page h1{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;margin-bottom:8px}
.legal-page .last-updated{color:var(--text-muted);font-size:.85rem;margin-bottom:40px;display:block}
.legal-page h2{font-size:1.3rem;font-weight:600;margin:36px 0 12px;color:#fff}
.legal-page h3{font-size:1.1rem;font-weight:600;margin:24px 0 8px;color:#fff}
.legal-page p{color:var(--text-muted);margin-bottom:16px;line-height:1.8}
.legal-page ul,.legal-page ol{color:var(--text-muted);margin:12px 0 20px 24px;line-height:1.8}
.legal-page li{margin-bottom:6px}
.legal-page strong{color:var(--text)}
.legal-contact{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-top:40px}
.legal-contact h3{margin-top:0}
.legal-contact p{margin-bottom:8px}

.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 0;margin-top:60px;text-align:center}
.footer .container{max-width:1200px;margin:0 auto;padding:0 24px}
.footer-legal{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.footer-legal a{color:var(--text-muted);font-size:.85rem;transition:color var(--transition)}
.footer-legal a:hover{color:var(--primary)}
.footer-copy{color:var(--text-muted);font-size:.8rem}

.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-card);border-top:1px solid var(--border);padding:20px 0;z-index:10000;display:none;transform:translateY(100%);transition:transform .4s ease,opacity .4s ease;opacity:0}
.cookie-banner.visible{transform:translateY(0);opacity:1}
.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}
.cookie-text{font-size:.88rem;color:var(--text-muted);line-height:1.6}
.cookie-text a{color:var(--primary)}
.cookie-buttons{display:flex;gap:12px;flex-shrink:0}
.cookie-btn{padding:10px 24px;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition)}
.cookie-accept{background:var(--gradient);color:#fff}
.cookie-decline{background:transparent;border:1px solid var(--border);color:var(--text-muted)}

@media(max-width:768px){
  .cookie-inner{flex-direction:column;text-align:center}
}