.legal-page { padding: 150px 0 100px; min-height: 70vh; background: radial-gradient(circle at 75% 5%, rgba(96,183,255,.08), transparent 28%), #080b13; }
.legal-shell { width: min(900px, calc(100% - 40px)); margin: 0 auto; }
.legal-heading { margin-bottom: 34px; }
.legal-heading h1 { margin: 8px 0 14px; font-family: "Manrope",sans-serif; font-size: clamp(2.7rem,6vw,4.8rem); line-height: 1; letter-spacing: -.055em; }
.legal-heading p { max-width: 720px; margin: 0; color: #8d99ad; }
.legal-notice { margin-bottom: 20px; padding: 14px 16px; border: 1px solid rgba(240,181,73,.2); border-radius: 13px; background: rgba(240,181,73,.06); color: #d4bd89; font-size: .78rem; }
.legal-card { padding: 32px; border: 1px solid rgba(255,255,255,.09); border-radius: 20px; background: linear-gradient(180deg,rgba(16,23,37,.94),rgba(10,16,27,.93)); box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.legal-card section + section { margin-top: 30px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.08); }
.legal-card h2 { margin: 0 0 9px; font-family: "Manrope",sans-serif; font-size: 1.15rem; }
.legal-card p, .legal-card li { color: #9aa6b9; font-size: .88rem; line-height: 1.75; }
.legal-card ul { margin: 10px 0 0; padding-left: 20px; }
.legal-card a { color: #9bd0f8; }
@media (max-width:600px){.legal-page{padding-top:120px}.legal-card{padding:24px 20px}}