.legal-page{padding:0 0 4rem;background:var(--light)}.legal-hero{background:linear-gradient(135deg,#f8f9fc,#f0f2ff);border-radius:var(--radius-xl);padding:3rem;margin-bottom:3rem;text-align:center}.legal-badge{display:inline-block;background:#673de61a;color:var(--primary);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.legal-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:var(--font-heading)}.legal-subtitle{font-size:1.125rem;color:var(--gray);max-width:600px;margin:0 auto;line-height:1.6}.legal-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:60px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm)}.legal-tab-btn{padding:.75rem 2rem;border:none;background:transparent;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition-fast);color:var(--gray)}.legal-tab-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.legal-tab-btn:hover:not(.active){background:#f0f2ff;color:var(--primary)}.legal-panel{display:none;background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md)}.legal-panel.active{display:block}.legal-panel h2{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--dark)}.legal-panel h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--dark)}.legal-panel p{color:var(--gray);line-height:1.7;margin-bottom:1rem}.legal-panel ul,.legal-panel ol{margin:1rem 0 1rem 2rem;color:var(--gray);line-height:1.7}.legal-panel li{margin-bottom:.5rem}.legal-panel hr{margin:2rem 0;border:none;border-top:1px solid #e6e9ff}.last-updated{font-size:.875rem;color:var(--gray-light);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e6e9ff}@media (max-width: 768px){.legal-hero{padding:2rem}.legal-title{font-size:2rem}.legal-tabs{flex-direction:column;background:transparent;gap:.5rem}.legal-tab-btn{background:#fff}.legal-panel{padding:1.5rem}.legal-panel h2{font-size:1.5rem}}@media (max-width: 480px){.legal-title{font-size:1.75rem}.legal-panel h2{font-size:1.25rem}.legal-panel h3{font-size:1.125rem}}