.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.button-glow:hover {
    box-shadow: 0px 0px 20px rgba(124, 58, 237, 0.4);
    transform: scale(1.02);
    transition: all 0.3s ease;
}

.input-border-glow:focus-within {
    border-color: #7C3AED;
    box-shadow: inset 0px 0px 8px rgba(124, 58, 237, 0.3);
}

.card-hover:hover {
    border-color: rgba(124, 58, 237, 0.5);
    box-shadow: 0px 4px 20px rgba(124, 58, 237, 0.1);
}

.glass-panel {
    background: rgba(10, 10, 10, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.mesh-gradient-bg {
    background-image: 
        radial-gradient(at 0% 0%, rgba(124, 58, 237, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(124, 58, 237, 0.1) 0px, transparent 50%);
}

#hero{
    background: url('img/baureteLogo.png') center/cover no-repeat;
}

#hero::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 1));
}