.experience-mesh {
    background: radial-gradient(circle at 12% 18%, rgba(99, 102, 241, .34), transparent 31rem), radial-gradient(circle at 88% 16%, rgba(168, 85, 247, .22), transparent 27rem), radial-gradient(circle at 64% 92%, rgba(6, 182, 212, .16), transparent 32rem), #070a12;
}
.experience-grid {
    background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 92%);
    mask-image: linear-gradient(to bottom, #000 0%, transparent 92%);
}
.experience-noise {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
    opacity: .035;
}
.experience-card { box-shadow: 0 28px 80px -38px rgba(15,23,42,.42); }
.experience-card-dark { box-shadow: 0 34px 90px -42px rgba(99,102,241,.62); }
.experience-progress { background-image: linear-gradient(90deg, #6366f1 0%, #8b5cf6 52%, #06b6d4 100%); }
.experience-ring { box-shadow: 0 0 0 1px rgba(255,255,255,.1), 0 22px 70px -26px rgba(99,102,241,.75); }
.experience-lift { transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.experience-lift:hover { transform: translateY(-4px); box-shadow: 0 30px 80px -36px rgba(79,70,229,.42); }
@media (prefers-reduced-motion: reduce) {
    .experience-lift { transition: none; }
    .experience-lift:hover { transform: none; }
}