/* ========================================== */
/* CUSTOM STYLES                              */
/* ========================================== */

.glass-nav { 
    background: rgba(253, 251, 247, 0.95); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
}

.mobile-menu-overlay { 
    background: rgba(253, 251, 247, 0.98); 
    backdrop-filter: blur(16px); 
    -webkit-backdrop-filter: blur(16px); 
}

/* Modal Styles */
.modal { transition: opacity 0.3s ease, visibility 0.3s ease; }
.modal-content { transition: transform 0.3s ease; transform: scale(0.95); }
.modal.active { opacity: 1; visibility: visible; pointer-events: auto; }
.modal.active .modal-content { transform: scale(1); }
body.modal-open { overflow: hidden; }

/* Loader Animation for Form Button */
.loader { 
    border: 3px solid rgba(255,255,255,0.3); 
    border-radius: 50%; 
    border-top: 3px solid #fff; 
    width: 24px; 
    height: 24px; 
    animation: spin 1s linear infinite; 
    display: none; 
}

@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

@keyframes smoothFadeIn { 
    0% { opacity: 0; transform: translateY(30px); } 
    100% { opacity: 1; transform: translateY(0); } 
}

.calendly-container { 
    animation: smoothFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}