/* Premium Glassmorphism (Apple Style) */

.glass-panel {
    background: var(--clr-bg-glass);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--clr-border-glass);
}

.glass-card {
    background: linear-gradient(150deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    /* Very fine edge */
    border-radius: var(--radius-lg);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.6),
        /* Deep drop shadow */
        inset 0 1px 1px rgba(255, 255, 255, 0.05);
    /* Top inner highlight */
    padding: 3rem;
    transition: all var(--transition-base);
    position: relative;
    overflow: hidden;
    color: var(--clr-text-main);
}

.glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.06) 0%, transparent 40%);
    pointer-events: none;
    transition: transform 0.6s var(--ease-out-expo);
}

.glass-card:hover {
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.8),
        inset 0 1px 1px rgba(255, 255, 255, 0.1);
    border-color: rgba(212, 175, 55, 0.3);
    /* Subtle gold highlight on hover */
    /* Note: transform is managed per-component in landing.css */
}