.legal-page-wrapper { background: #0f001a; color: #b0b3b8; min-height: 100vh; padding: 120px 0 80px 0; position: relative; overflow-x: hidden; }
.legal-orb { position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.15; z-index: 0; pointer-events: none; }
.lo-1 { width: 600px; height: 600px; background: #bf00ff; top: -10%; right: -10%; }
.lo-2 { width: 400px; height: 400px; background: #2c0b4a; bottom: 10%; left: -10%; }

.legal-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 60px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4);
    position: relative;
    z-index: 2;
}

.legal-title { font-size: 3rem; font-weight: 800; margin-bottom: 40px; background: linear-gradient(135deg, #ffffff 0%, #e0b0ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.legal-h2 { color: #fff; font-size: 1.6rem; font-weight: 700; margin-top: 60px; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; }
.legal-h3 { color: #e0b0ff; font-size: 1.25rem; font-weight: 600; margin-top: 35px; margin-bottom: 15px; }
.legal-text { font-size: 1.05rem; line-height: 1.7; margin-bottom: 15px; }
.legal-link { color: #bf00ff; text-decoration: none; transition: 0.3s; }
.legal-link:hover { color: #fff; }
ul { margin-left: 20px; margin-bottom: 15px; }
ul li { margin-bottom: 10px; color: #b0b3b8; }

@media (max-width: 768px) { .legal-card { padding: 30px; } }