.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-container{background-color:#fff;border-radius:14px;width:100%;max-width:500px;box-shadow:0 4px 10px rgba(0,0,0,.08);overflow:hidden;animation:modal-fade-in .3s ease-out}.modal-container .modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-container .modal-header h3{font-size:18px}.modal-container .modal-header .close-btn{font-size:1.5rem;color:#9ca3af;background:none;border:none;cursor:pointer;transition:all .2s ease-in-out}.modal-container .modal-header .close-btn:hover{color:#111827}.modal-container.premium-auth-modal .modal-header .close-btn{color:hsla(0,0%,100%,.4);position:absolute;top:20px;right:20px;z-index:10}.modal-container.premium-auth-modal .modal-header .close-btn:hover{color:#fff}.modal-container .modal-body{padding:24px}.modal-container .modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:16px}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}