.legal-page { padding: 8rem 2rem 4rem; position: relative; z-index: 1; }
.legal-container { max-width: 800px; margin: 0 auto; }
.legal-container h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 0.5rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.last-update { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 3rem; }
.license-badge { display: inline-flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; background: rgba(168, 85, 247, 0.1); border: 1px solid rgba(168, 85, 247, 0.3); border-radius: var(--radius); margin-bottom: 2rem; }
.license-badge i { font-size: 1.5rem; color: var(--primary); }
.license-badge span { font-weight: 600; color: var(--primary-light); }
.legal-section { background: var(--dark-card); border: 1px solid var(--glass-border); border-radius: var(--radius); padding: 2rem; margin-bottom: 1.5rem; }
.legal-section h2 { font-size: 1.3rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.75rem; color: var(--text); }
.legal-section h2 i { color: var(--primary); font-size: 1.1rem; }
.legal-section h3 { font-size: 1rem; margin: 1.5rem 0 0.75rem; color: var(--primary-light); }
.legal-section p { color: var(--text-muted); line-height: 1.7; margin-bottom: 0.75rem; }
.legal-section ul { margin: 0.75rem 0; padding-left: 1.5rem; color: var(--text-muted); }
.legal-section li { margin: 0.5rem 0; line-height: 1.6; }
.legal-section li strong { color: var(--text); }
.legal-footer { text-align: center; padding: 2rem; color: var(--text-muted); font-size: 0.85rem; border-top: 1px solid var(--glass-border); position: relative; z-index: 1; }
.legal-footer a { color: var(--primary-light); text-decoration: none; }
.legal-footer a:hover { text-decoration: underline; }
@media (max-width: 640px) {
.legal-page { padding: 6rem 1rem 2rem; }
.legal-container h1 { font-size: 1.8rem; }
.legal-section { padding: 1.5rem; }
.legal-section h2 { font-size: 1.1rem; }
}