.cr{z-index:300;background:radial-gradient(at 50% 40%,#1e3c23eb,#040a07f5);place-items:center;padding:16px;animation:.3s ease-out cr-fade;display:grid;position:fixed;inset:0;overflow:hidden}.cr-box{text-align:center;color:#eef4ec;flex-direction:column;align-items:center;gap:12px;width:min(380px,100%);display:flex;position:relative}.cr-rays{background:conic-gradient(from 0deg,transparent 0 8%,#b8e36a29 10% 14%,transparent 16% 33%,#b8e36a24 35% 39%,transparent 41% 58%,#b8e36a29 60% 64%,transparent 66% 83%,#b8e36a24 85% 89%,transparent 91%);pointer-events:none;z-index:0;border-radius:50%;width:520px;height:520px;margin-left:-260px;animation:18s linear infinite cr-spin;position:absolute;top:-60px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 68%);mask-image:radial-gradient(circle,#000 30%,#0000 68%)}.cr-card{z-index:1;filter:drop-shadow(0 0 28px #b8e36a73);width:min(300px,82vw);animation:1s cubic-bezier(.2,.9,.25,1.15) both cr-flip;position:relative}.cr h2{z-index:1;font-family:var(--font-display,Manrope,sans-serif);letter-spacing:.3px;color:#b8e36a;margin:8px 0 0;font-size:36px;font-weight:800;animation:.5s .7s both cr-up;position:relative}.cr h2:after{content:none!important}.cr p{z-index:1;color:#d6e2d9;margin:0;font-size:16px;line-height:1.5;animation:.5s .85s both cr-up;position:relative}.cr p b{color:#b8e36a}.cr-btn{z-index:1;color:#0e1a0b;min-height:52px;font:inherit;cursor:pointer;background:#b8e36a;border:0;border-radius:16px;margin-top:6px;padding:0 26px;font-size:17px;font-weight:800;animation:.5s 1s both cr-up;position:relative;box-shadow:0 8px 24px #b8e36a40}.cr-confetti{pointer-events:none;position:absolute;inset:0}.cr-confetti span{color:#b8e36a;opacity:.9;animation-name:cr-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:both;position:absolute;top:-40px}.cr-confetti span:nth-child(3n){color:#7cf07a}.cr-confetti span:nth-child(4n){color:#d3f29a}@keyframes cr-fade{0%{opacity:0}to{opacity:1}}@keyframes cr-flip{0%{opacity:0;transform:perspective(900px)rotateY(180deg)scale(.6)}60%{opacity:1}to{transform:perspective(900px)rotateY(0)scale(1)}}@keyframes cr-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cr-spin{to{transform:rotate(360deg)}}@keyframes cr-fall{0%{transform:translateY(0) rotate(var(--r));opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(calc(var(--r) + 300deg));opacity:.2}}@media (prefers-reduced-motion:reduce){.cr,.cr-card,.cr h2,.cr p,.cr-btn{animation:none}.cr-rays,.cr-confetti{display:none}}