.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border:1px solid var(--glass-border);background:#0a0a0a;border-radius:24px;width:100%;max-width:550px;max-height:90vh;padding:3rem 2rem;animation:.4s cubic-bezier(.4,0,.2,1) modalSlide;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:#fff;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h3{text-transform:uppercase;letter-spacing:-1px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.modal-header p{color:var(--text-secondary);font-size:.95rem}@media (max-width:768px){.modal-content{border-radius:20px;padding:2.5rem 1.5rem}.modal-header h3{font-size:1.5rem}.modal-close{top:1rem;right:1rem}}