.magic-card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgba(0,133,199,.15);background:#fff;transition:all .35s cubic-bezier(.4,0,.2,1);--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 250px;--glow-color-r: 0;--glow-color-g: 133;--glow-color-b: 199}.magic-card:hover{border-color:#0085c759;box-shadow:0 8px 32px #0085c714,0 2px 8px #0000000a}.magic-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color-r),var(--glow-color-g),var(--glow-color-b),calc(var(--glow-intensity) * .7)) 0%,rgba(var(--glow-color-r),var(--glow-color-g),var(--glow-color-b),calc(var(--glow-intensity) * .3)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10;transition:opacity .3s ease}.magic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,#0085c7,#0085c7 20%,#f4c300 20%,#f4c300 40%,#1a1a2e 40%,#1a1a2e 60%,#009f3d 60%,#009f3d 80%,#df0024 80%,#df0024);border-radius:1.25rem 1.25rem 0 0;opacity:.7;z-index:5;transition:opacity .3s ease}.magic-card:hover:before{opacity:1}.magic-card-spotlight{position:absolute;width:500px;height:500px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(var(--glow-color-r),var(--glow-color-g),var(--glow-color-b),.06) 0%,rgba(var(--glow-color-r),var(--glow-color-g),var(--glow-color-b),.02) 40%,transparent 70%);z-index:1;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease}.magic-card .mc-particle{position:absolute;width:3px;height:3px;border-radius:50%;pointer-events:none;z-index:2;animation:mc-particle-float 2.5s ease-in-out infinite alternate;transition:opacity .3s ease,transform .3s ease}@keyframes mc-particle-float{0%{transform:translate(0) scale(1);opacity:.8}50%{opacity:.3}to{transform:translate(var(--dx, 20px),var(--dy, -20px)) scale(.8);opacity:.6}}.dark .magic-card{background:#1a1a2e;border-color:#0085c733}.dark .magic-card:hover{border-color:#0085c766;box-shadow:0 8px 32px #0085c71f,0 2px 8px #0003}@media (max-width: 768px){.magic-card:after{display:none}.magic-card-spotlight{display:none}}