.legal-header { border-bottom: 1px solid var(--line); background: rgba(4,9,19,.88); }
.legal-header .container { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.legal-main { padding: 70px 0 100px; }
.legal-card { max-width: 900px; padding: 48px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(11,27,47,.86), rgba(5,14,25,.94)); box-shadow: var(--shadow); }
.legal-card h1 { font-size: clamp(2.4rem,5vw,4rem); }
.legal-card h2 { margin-top: 34px; font-size: 1.5rem; }
.legal-card p { color: var(--muted); }
.legal-card a { color: var(--blue-2); }
.legal-lead { font-size: 1.08rem; color: #c4d5e6 !important; }
.legal-note { margin-top: 36px; padding: 16px; border: 1px solid rgba(255,184,77,.24); border-radius: 10px; background: rgba(255,184,77,.07); color: #e7c993 !important; }
.error-page { min-height: 100vh; display: grid; place-items: center; padding: 30px; text-align: center; background: radial-gradient(circle at 50% 35%, rgba(19,119,255,.15), transparent 30%), var(--bg); }
.error-page img { margin: 0 auto 24px; }
.error-page p { color: var(--muted); margin-bottom: 26px; }
@media (max-width:680px){.legal-card{padding:28px 22px}.legal-header .button{padding-inline:14px}}