.magic-grid{--magic-glow:96,91,181;perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:245px;gap:14px;display:grid}.magic-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;color:#fff;transform-style:preserve-3d;isolation:isolate;background:linear-gradient(145deg,#17143b,#242056);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;justify-content:space-between;padding:26px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #1816371f}.magic-card:nth-child(3),.magic-card:nth-child(4){grid-area:span 2/span 2}.magic-card-media{object-fit:cover;z-index:-3;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.magic-card:nth-child(3) .magic-card-media,.magic-card:nth-child(4) .magic-card-media{object-position:center}.magic-card-shade{z-index:-2;background:linear-gradient(#1c184714 0%,#1c184738 28%,#1c1847c7 60%,#120f36fa 100%);position:absolute;inset:0}.magic-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(330px circle at var(--glow-x) var(--glow-y),rgba(var(--magic-glow),calc(var(--glow-intensity) * .4)),transparent 62%);position:absolute;inset:0}.magic-card:after{content:"";border-radius:inherit;background:radial-gradient(240px circle at var(--glow-x) var(--glow-y),rgba(var(--magic-glow),calc(var(--glow-intensity) * .9)),transparent 70%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-card:hover{border-color:#ffffff38;box-shadow:0 28px 65px #18163738}.magic-card header{z-index:3;color:#ffffffb8;justify-content:space-between;align-items:center;display:flex;position:relative}.magic-card header b{border:1px solid #ffffff38;border-radius:50%;place-items:center;width:40px;height:40px;font-size:11px;font-weight:500;display:grid}.magic-service-icon{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.magic-service-icon svg{width:23px;height:23px}.magic-card-copy{z-index:3;max-width:500px;position:relative}.magic-card-copy h3{color:#fff;margin:0;font-size:clamp(21px,2vw,34px);font-weight:500;line-height:1.12}.magic-card-copy a{color:#fff;background:0 0;border-bottom:1px solid #ffffff73;border-radius:0;align-items:center;width:max-content;margin-top:22px;padding:0 0 4px;font-size:12px;font-weight:700;transition:gap .25s,border-color .25s;display:inline-flex}.magic-card-copy a:hover{border-color:#fff;gap:6px}.magic-card-copy a span{margin-inline-start:9px;font-size:16px}.magic-stars{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.magic-card:hover .magic-stars{opacity:1}.magic-stars i{width:3px;height:3px;box-shadow:0 0 10px rgba(var(--magic-glow),.9);background:#fff;border-radius:50%;animation:2.8s ease-in-out infinite alternate magic-float;position:absolute}.magic-stars i:first-child{top:24%;left:14%}.magic-stars i:nth-child(2){animation-delay:.4s;top:18%;left:71%}.magic-stars i:nth-child(3){animation-delay:.8s;top:56%;left:87%}.magic-stars i:nth-child(4){animation-delay:1.2s;top:68%;left:29%}.magic-stars i:nth-child(5){animation-delay:1.6s;top:48%;left:58%}.magic-stars i:nth-child(6){animation-delay:2s;top:82%;left:79%}.magic-ripple{background:rgba(var(--magic-glow),.35);pointer-events:none;z-index:5;border-radius:50%;width:20px;height:20px;margin:-10px;position:absolute}.magic-grid-ar .magic-card{text-align:right}@keyframes magic-float{to{opacity:.3;transform:translate(16px,-13px)}}@media (width<=1000px){.magic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:270px}.magic-card:nth-child(3),.magic-card:nth-child(4){grid-area:span 1/span 1}}@media (width<=620px){.magic-grid{grid-template-columns:1fr;grid-auto-rows:300px}.magic-card{padding:24px}.magic-card-copy h3{font-size:27px}}@media (prefers-reduced-motion:reduce){.magic-card,.magic-stars i{animation:none!important;transform:none!important}}
