.legal-container { max-width: 920px; margin: 3rem auto; padding: 2.25rem; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; }
.legal-header { text-align: center; margin-bottom: 2.75rem; }
.legal-header h1 { font-size: clamp(2rem,5vw,2.75rem); color: white; margin-bottom: .75rem; }
.legal-meta { color: var(--text-tertiary); }
.legal-section { margin-bottom: 2.2rem; }
.legal-section h2 { color: #ff8c42; font-size: 1.2rem; border-left: 3px solid #ff8c42; padding-left: .75rem; }
.legal-section p,.legal-section li { color: var(--text-secondary); line-height: 1.75; }
.legal-section li { margin-bottom: .45rem; }
.legal-table { width: 100%; border-collapse: collapse; color: var(--text-secondary); font-size: .92rem; }
.legal-table th,.legal-table td { border: 1px solid rgba(255,255,255,.1); padding: .8rem; text-align: left; vertical-align: top; }
.legal-table th { color: white; background: rgba(255,255,255,.04); }
.legal-nav { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; }
.legal-nav a,.legal-section a { color: #ff9f5e; }
.legal-note { padding: 1rem; background: rgba(255,140,66,.08); border: 1px solid rgba(255,140,66,.25); border-radius: 10px; }
@media (max-width: 700px) { .legal-container { margin: 0; padding: 1.25rem; border-radius: 0; } .legal-table { display: block; overflow-x: auto; } }