/* ===================================================
   GRONTHOTORI AUTH MODAL CSS
   =================================================== */

.auth-modal-overlay {
    display: none; 
    position: fixed; 
    z-index: 999999; 
    left: 0; top: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.65); 
    backdrop-filter: blur(4px);
    justify-content: center; align-items: center;
}

.auth-modal-content {
    background: #ffffff;
    width: 90%; max-width: 380px;
    padding: 25px 20px;
    border-radius: 16px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    text-align: center;
    animation: popupFade 0.3s ease-out;
}

@keyframes popupFade {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.auth-modal-close {
    position: absolute; right: 15px; top: 10px;
    font-size: 26px; font-weight: bold; color: #888;
    cursor: pointer; transition: 0.2s;
}
.auth-modal-close:hover { color: #5d259c; }