.premium-card {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}

.premium-card::after {
    content: "";
    position: absolute;
    inset: auto -20% -40% -20%;
    height: 55%;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.18) 0%, rgba(236, 72, 153, 0.08) 36%, transparent 72%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;
    transform: translateY(16px);
}

.premium-card:hover::after {
    opacity: 1;
    transform: translateY(0);
}

.depth-panel {
    box-shadow:
        0 14px 32px rgba(2, 6, 23, 0.12),
        0 2px 0 rgba(255, 255, 255, 0.03) inset,
        0 0 0 1px rgba(148, 163, 184, 0.08);
}

.depth-panel:hover {
    box-shadow:
        0 22px 48px rgba(2, 6, 23, 0.18),
        0 2px 0 rgba(255, 255, 255, 0.04) inset,
        0 0 0 1px rgba(139, 92, 246, 0.2);
}