.legal-container { max-width: 900px; margin: 0 auto; padding: 3rem 2rem; } .legal-header { text-align: center; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 2px solid var(--border-color); } .legal-title { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .legal-date { color: var(--text-secondary); font-size: 0.95rem; } .legal-content { background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 3rem; line-height: 1.8; color: var(--text-secondary); } .legal-content h2 { color: var(--text-primary); font-size: 1.75rem; margin-top: 3rem; margin-bottom: 1rem; } .legal-content h2:first-child { margin-top: 0; } .legal-content h3 { color: var(--text-primary); font-size: 1.25rem; margin-top: 2rem; margin-bottom: 0.75rem; } .legal-content p { margin-bottom: 1rem; } .legal-content ul, .legal-content ol { margin-left: 2rem; margin-bottom: 1rem; } .legal-content li { margin-bottom: 0.5rem; } .highlight-box { background: rgba(18, 174, 254, 0.1); border-left: 4px solid var(--brand-primary); padding: 1.5rem; border-radius: 0 8px 8px 0; margin: 2rem 0; } .back-link { display: inline-block; margin-bottom: 2rem; color: var(--text-secondary); text-decoration: none; transition: color 0.3s; } .back-link:hover { color: var(--brand-primary); }