.glass-card {
    background: var(--card-bg);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 28px;
    padding: 50px;
    border: 1px solid var(--card-border);
    position: relative;
    overflow: hidden;
}

.glass-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 28px;
    padding: 1px;
    background: linear-gradient(135deg, 
        rgba(99, 102, 241, 0.4) 0%, 
        rgba(139, 92, 246, 0.3) 30%,
        rgba(6, 182, 212, 0.3) 70%,
        rgba(236, 72, 153, 0.3) 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
}