*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#0b1220;--bg-soft:#111a2e;--panel:#16233d;
  --text:#e8eefc;--muted:#9fb0d1;--line:rgba(255,255,255,0.08);
  --primary:#5fa8ff;--primary-2:#8bc4ff;--accent:#d6e6ff;
}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.75;color:var(--text);background:linear-gradient(180deg,var(--bg) 0%,#0f1728 100%);min-height:100vh;}
.container{max-width:1240px;margin:0 auto;padding:0 24px;}

header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(8,14,27,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:86px;}
.logo img{height:58px;width:auto;display:block;filter:drop-shadow(0 8px 18px rgba(66,153,225,0.25));}
nav ul{display:flex;list-style:none;gap:1.6rem;flex-wrap:wrap;justify-content:flex-end;}
nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;transition:color .25s;}
nav a:hover{color:white;}

.legal-hero{padding:130px 24px 52px;background:radial-gradient(circle at 15% 20%,rgba(95,168,255,0.1),transparent 30%),linear-gradient(135deg,#0a111f 0%,#0f1a2f 46%,#162848 100%);border-bottom:1px solid var(--line);}
.legal-hero-inner{display:flex;align-items:center;gap:36px;}
.legal-hero-icon{width:130px;height:130px;flex-shrink:0;background:linear-gradient(180deg,rgba(95,168,255,0.1),rgba(95,168,255,0.03));border:1px solid rgba(95,168,255,0.22);border-radius:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(0,0,0,0.35);}
.legal-hero-icon img{width:82px;height:82px;object-fit:contain;display:block;}
.legal-hero-text h1{font-size:clamp(1.8rem,4vw,2.8rem);color:white;margin-bottom:.5rem;font-weight:800;}
.legal-hero-text p{color:var(--muted);font-size:1rem;margin:0;}
@media(max-width:760px){.legal-hero-inner{flex-direction:column;align-items:flex-start;gap:20px;}.legal-hero-icon{width:96px;height:96px;}.legal-hero-icon img{width:60px;height:60px;}}

.back-link{display:inline-flex;align-items:center;gap:.4rem;margin:2rem 0 1.2rem;color:var(--primary);text-decoration:none;font-weight:600;font-size:.9rem;transition:color .2s;}
.back-link:hover{color:white;}

.legal-body{padding-bottom:80px;}
.legal-content{background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.02));border:1px solid var(--line);border-radius:20px;padding:3rem;margin-bottom:2rem;}

h2{color:white;margin-top:2.5rem;margin-bottom:1rem;font-size:1.35rem;border-bottom:1px solid var(--line);padding-bottom:.55rem;}
h3{color:var(--primary-2);margin-top:1.6rem;margin-bottom:.6rem;font-size:1.05rem;}
p{margin-bottom:1rem;color:var(--muted);}
ul,ol{margin-left:2rem;margin-bottom:1rem;color:var(--muted);}
li{margin-bottom:.4rem;}
a{color:var(--primary);text-decoration:none;}
a:hover{color:var(--primary-2);text-decoration:underline;}
strong{color:var(--accent);}

.highlight{background:rgba(95,168,255,0.07);padding:1.4rem;border-left:3px solid var(--primary);border-radius:0 10px 10px 0;margin:1.5rem 0;}
.highlight p,.highlight li{color:var(--text);}
.important{background:rgba(245,158,11,0.07);padding:1rem;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;margin:1rem 0;}
.important p,.important li{color:var(--text);}
.warning{background:rgba(239,68,68,0.07);padding:1rem;border-left:3px solid #ef4444;border-radius:0 8px 8px 0;margin:1rem 0;}
.warning p,.warning li{color:var(--text);}
.mt-05{margin-top:.5rem;}
.mt-1{margin-top:1rem;}
.mt-15{margin-top:1.5rem;}
.mt-2{margin-top:2rem;}
.centered{text-align:center;}
.small-text{font-size:.9rem;}
.list-spaced{margin-top:.5rem;}
.inline-pill-link{display:inline-block;color:white;padding:.8rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;}
.inline-pill-link:hover{color:white;text-decoration:none;filter:brightness(1.05);}
.pill-green{background:#10b981;}
.pill-blue{background:#3b82f6;}
.pill-large{padding:1rem 2rem;font-size:1.1rem;}

.update-date{font-style:italic;color:var(--muted);margin-bottom:2rem;font-size:.88rem;}

.toc{background:rgba(255,255,255,0.03);padding:1.4rem 1.6rem;border-radius:12px;margin:2rem 0;border:1px solid var(--line);}
.toc h3{color:white;margin-top:0;font-size:.95rem;margin-bottom:.8rem;}
.toc ul{margin-left:1.2rem;}
.toc a{color:var(--primary);}
.toc a:hover{color:var(--primary-2);}

table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.88rem;}
table th{background:rgba(95,168,255,0.1);color:var(--accent);padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(95,168,255,0.2);}
table td{border-bottom:1px solid rgba(255,255,255,0.05);padding:.65rem 1rem;vertical-align:top;color:var(--muted);}
table tr:hover td{background:rgba(255,255,255,0.02);}

.cookie-type{display:inline-block;padding:.2rem .65rem;border-radius:20px;font-size:.75rem;font-weight:700;margin:.15rem;}
.cookie-essential{background:rgba(16,185,129,0.18);color:#34d399;border:1px solid rgba(16,185,129,0.3);}
.cookie-analytics{background:rgba(95,168,255,0.15);color:var(--primary);border:1px solid rgba(95,168,255,0.25);}
.cookie-marketing{background:rgba(245,158,11,0.15);color:#fbbf24;border:1px solid rgba(245,158,11,0.25);}
.cookie-preferences{background:rgba(139,196,255,0.12);color:var(--primary-2);border:1px solid rgba(139,196,255,0.2);}

.cookie-preferences-panel,.cookie-preferences{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:16px;padding:2rem;margin:2rem 0;}
.cookie-toggle{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;background:rgba(255,255,255,0.025);border-radius:10px;margin:.7rem 0;border:1px solid var(--line);}
.cookie-toggle div p{font-size:.85rem;color:var(--muted);margin-top:.2rem;margin-bottom:0;}
.cookie-help{font-size:.9rem;color:#6b7280;margin-top:.3rem;}
.toggle-switch{position:relative;display:inline-block;width:52px;height:26px;flex-shrink:0;}
.toggle-switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,0.15);transition:.3s;border-radius:26px;}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background:white;transition:.3s;border-radius:50%;}
input:checked+.slider{background:#10b981;}
input:checked+.slider:before{transform:translateX(26px);}
input:disabled+.slider{opacity:.35;cursor:not-allowed;}
.btn-save{background:linear-gradient(135deg,var(--primary),#3e82ff);color:white;padding:.85rem 2rem;border:none;border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;width:100%;margin-top:1rem;transition:transform .2s,box-shadow .2s;}
.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(62,130,255,0.3);}
.btn-save-green{background:#10b981;}
.btn-save-gray{background:#6b7280;margin-top:.5rem;}
.success-message{background:rgba(16,185,129,0.12);color:#34d399;padding:.9rem 1rem;border-radius:8px;margin:1rem 0;display:none;border:1px solid rgba(16,185,129,0.2);}

.form-group{margin-bottom:1.2rem;}
.form-group label{display:block;margin-bottom:.4rem;color:var(--accent);font-weight:600;font-size:.88rem;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;background:rgba(8,14,27,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:white;font-size:.95rem;font-family:inherit;}
.form-group select option{background:#0b1220;color:white;}
.form-group textarea{min-height:120px;resize:vertical;}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.form-full{grid-column:1/-1;}
.submit-btn{background:linear-gradient(135deg,var(--primary),#3e82ff);color:white;padding:.9rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;margin-top:.5rem;transition:transform .2s;}
.submit-btn:hover{transform:translateY(-2px);}

footer{background:#070d18;color:white;text-align:center;padding:40px 20px;border-top:1px solid var(--line);}
footer>div>p{color:var(--muted);margin-bottom:.4rem;}
footer a{color:var(--primary-2);text-decoration:none;}
.legal-links{margin-top:1rem;}
.legal-links a{margin:0 .8rem;color:var(--muted);font-size:.88rem;}
.legal-links a:hover{color:white;}

@media(max-width:1080px){.form-grid-2{grid-template-columns:1fr 1fr;}}
@media(max-width:760px){
  nav{flex-direction:column;padding:14px 0;}
  nav ul{justify-content:center;gap:1rem;}
  .legal-hero{padding-top:165px;}
  .legal-content{padding:1.5rem;}
  .form-grid-2{grid-template-columns:1fr;}
  table{font-size:.78rem;}
  table th,table td{padding:.5rem .6rem;}
}