.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .25s ease;padding:1rem}.modal-overlay.active{opacity:1}.modal-card{background:#fff;border:4px solid var(--dark);border-radius:20px;padding:2.5rem;width:100%;max-width:480px;box-shadow:10px 10px 0 var(--dark);display:flex;flex-direction:column;gap:1.2rem;transform:scale(.9) translateY(20px);transition:transform .25s ease}.modal-overlay.active .modal-card{transform:scale(1) translateY(0)}.modal-card.wide{max-width:560px}.modal-title{font-size:2rem;font-weight:900;color:var(--dark);letter-spacing:-2px;text-align:center}.modal-message{font-size:1.05rem;color:var(--grey);text-align:center;line-height:1.5}.modal-input{padding:1rem 1.2rem;border:3px solid var(--dark);border-radius:12px;font-size:1.1rem;background:var(--bg);font-family:inherit;color:var(--dark);transition:all .2s ease;width:100%}.modal-input:focus{outline:none;border-color:var(--red);box-shadow:4px 4px #da353333;transform:translate(-2px,-2px)}.modal-actions{display:flex;gap:.8rem;margin-top:.5rem}.modal-actions .auth-btn{flex:1}@media (max-width: 500px){.modal-card{padding:2rem 1.5rem}.modal-title{font-size:1.6rem}.modal-actions{flex-direction:column}}