/* ===================================
   Glassmorphism Efektleri
   Hafif glass efektleri için
   =================================== */

.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    transition: var(--transition);
}

.glass-card:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: var(--color-cyan);
    box-shadow: var(--shadow-cyan);
    transform: translateY(-5px);
}

.glass-navbar {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.glass-button {
    background: rgba(255, 59, 92, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 59, 92, 0.3);
    color: var(--color-red);
    transition: var(--transition);
}

.glass-button:hover {
    background: rgba(255, 59, 92, 0.3);
    border-color: var(--color-red);
    box-shadow: var(--shadow-red);
}

.glass-cyan {
    background: rgba(0, 217, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 217, 255, 0.3);
    color: var(--color-cyan);
}

.glass-cyan:hover {
    background: rgba(0, 217, 255, 0.3);
    border-color: var(--color-cyan);
    box-shadow: var(--shadow-cyan);
}