.legal-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .3s ease;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.legal-modal-container{background:var(--surface-white);border:1px solid var(--border-subtle);border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,#e6f2ff 0%,transparent 100%)}.legal-modal-title{display:flex;align-items:center;gap:12px;color:var(--primary-blue)}.legal-modal-title h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-main)}.legal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.legal-close-btn:hover{background:var(--bg-hover);color:var(--primary-blue)}.legal-modal-content{flex:1 1 0%;overflow-y:auto;padding:28px}.legal-modal-content::-webkit-scrollbar{width:8px}.legal-modal-content::-webkit-scrollbar-track{background:var(--bg-page);border-radius:4px}.legal-modal-content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.legal-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.legal-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--border-subtle);background:var(--bg-page)}.legal-footer-text{margin:0;font-size:.875rem;color:var(--text-muted)}.legal-footer-btn{padding:10px 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.legal-footer-btn:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a4d}@media(max-width:767px){.legal-modal-container{max-width:95%;max-height:95vh}.legal-modal-header{padding:20px}.legal-modal-title h2{font-size:1.25rem}.legal-modal-content{padding:20px}.legal-modal-footer{padding:16px 20px;flex-direction:column;gap:12px}.legal-footer-btn{width:100%}}