.legal-hero { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); padding: 5rem 0; position: relative; overflow: hidden; } .legal-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('https://www.transparenttextures.com/patterns/cubes.png'); opacity: 0.05; } .legal-sidebar { position: sticky; top: 100px; } .legal-nav-link { display: block; padding: 0.75rem 1rem; color: #64748b; text-decoration: none; border-left: 2px solid #e2e8f0; font-weight: 500; transition: all 0.3s ease; font-size: 0.9rem; } .legal-nav-link:hover, .legal-nav-link.active { color: #2563eb; border-left-color: #2563eb; background: rgba(37, 99, 235, 0.05); } .legal-card { background: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.05); padding: 3rem; } .legal-section { margin-bottom: 3.5rem; } .legal-section h3 { font-family: 'Helvetica', 'Arial', sans-serif , sans-serif; letter-spacing: 0.05em; color: #0f172a; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 12px; } .legal-section h3::after { content: ''; flex-grow: 1; height: 1px; background: #e2e8f0; } .legal-section p, .legal-section li { color: #475569; line-height: 1.8; font-size: 1.05rem; } .legal-section ul { list-style: none; padding-left: 0; } .legal-section ul li { position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; } .legal-section ul li::before { content: '→'; position: absolute; left: 0; color: #2563eb; font-weight: bold; }