.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #0000004d;color:#fff;max-width:450px;padding:40px;position:relative;width:90%}.auth-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px}.auth-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.auth-modal-content h2{font-size:2rem;margin-bottom:30px;margin-top:0;text-align:center}.auth-error{background:#f443364d;border:1px solid #f4433680;border-radius:8px;color:#ffcccb;padding:12px}.auth-error,.auth-form-group{margin-bottom:20px}.auth-form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.auth-form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:16px;padding:12px 16px;width:100%}.auth-form-group input::placeholder{color:#ffffff80}.auth-form-group input:focus{background:#ffffff26;border:1px solid #ffffff80;outline:none}.auth-submit-button{background:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.auth-submit-button:hover{background:#45a049;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.auth-switch{align-items:center;display:flex;font-size:14px;gap:10px;justify-content:center;margin-top:25px;text-align:center}.auth-switch-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:700;text-decoration:underline;transition:all .3s ease}.auth-switch-button:hover{color:#61dafb;text-shadow:0 0 10px #61dafb80}@media (max-width:768px){.auth-modal-content{padding:30px 20px}.auth-modal-content h2{font-size:1.5rem}.auth-switch{flex-direction:column;gap:8px}}
/*# sourceMappingURL=main.c349ed54.css.map*/