*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg: #0C0B10;--surface: #171522;--accent: #6366F1;--accent2: #EC4899;--text: #F1F0EE;--text-muted: #9492A6;--border: #262435;--radius: 8px;--transition: 0.3s ease}
html{scroll-behavior:smooth}
body{font-family: 'Inter', system-ui, -apple-system, sans-serif;background: var(--bg);color: var(--text);line-height:1.8;-webkit-font-smoothing:antialiased}

.legal-page{background-color: #0B0C15;color: #E2E8F0}
a{text-decoration:none;color:inherit}
ul{list-style:none;padding:0}

.legal-header{background: linear-gradient(135deg, #0C0B10 0%, #171522 50%, #1E1C2E 100%);border-bottom:1px solid #262435;padding:64px 32px 48px;text-align:center}
.legal-header h1{font-size:2.5rem;font-weight:800;color: #F1F0EE;letter-spacing:-1px;margin-bottom:12px}
.legal-header p{color: #9492A6;font-size:0.9375rem}

.legal-content{padding:48px 0 64px}
.legal-content .container{max-width:820px;margin:0 auto;padding:0 24px}

.toc{background: #111217;border:1px solid #262435;border-radius:12px;padding:28px 32px;margin-bottom:48px}
.toc h2{font-size:1.125rem;font-weight:700;margin-bottom:16px;color: #F1F0EE}
.toc ol{list-style:decimal;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.toc ol li a{color: #9492A6;font-size:0.875rem;transition:color var(--transition);line-height:1.6}
.toc ol li a:hover{color: #6366F1}

.legal-content h2{padding-top:48px;margin-top:48px;border-top:1px solid #262435;font-size:1.5rem;font-weight:700;color: #F1F0EE;margin-bottom:20px;letter-spacing:-0.3px}
.legal-content h2:first-of-type{margin-top:0;padding-top:0;border-top:none}
.legal-content p{color: #9492A6;font-size:0.9375rem;margin-bottom:18px;line-height:1.9}
.legal-content p strong{color: #C7C5D4}
.legal-content ul,.legal-content ol{padding-left:24px;margin-bottom:18px}
.legal-content ul{list-style:disc}
.legal-content ol{list-style:decimal}
.legal-content li{color: #9492A6;font-size:0.9375rem;margin-bottom:8px;line-height:1.8}

.legal-page .legal-content section{background-color:transparent !important}
.legal-page .legal-content section{background:transparent !important;border:none !important;margin:0 !important;padding:0 !important;max-width:none !important}

.legal-footer{background: #07060D;border-top:1px solid #262435;text-align:center;padding:32px 24px}
.legal-footer p{color: #9492A6;font-size:0.8125rem;margin-bottom:8px}
.legal-footer a{color: #6366F1;font-size:0.8125rem;font-weight:500;transition:color var(--transition)}
.legal-footer a:hover{color: #818CF8}

@media(max-width:768px){
.legal-header h1{font-size:1.75rem}
.legal-content h2{font-size:1.25rem}
.toc{padding:20px}
}