/* Glass Morphism */
.glass-morphism {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Modal Transitions */
.modal-transition {
    transition: all 0.3s ease-in-out;
}

.modal-hidden {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
}

.modal-visible {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

/* Logo Hover Effects */
.logo-hover {
    transition: all 0.3s ease-in-out;
}

.logo-hover:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 15px rgba(255, 0, 153, 0.3));
}

/* Custom Input Styles */
.custom-input {
    transition: all 0.2s ease-in-out;
}

.custom-input:focus {
    border-color: #FF0099;
    box-shadow: 0 0 0 2px rgba(255, 0, 153, 0.25);
}

/* Custom Button Styles */
.custom-button {
    transition: all 0.2s ease-in-out;
}

.custom-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Responsive Design */
@media (max-width: 640px) {
    .responsive-padding {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}