.badge-btn{position:relative;overflow:hidden;background:repeating-conic-gradient(rgba(0,0,0,.06) 0% 25%,transparent 0% 50%) 0 0 / 2px 2px,#fbbf24;border:2px solid;border-color:#fef3c7 #78350f #78350f #fef3c7;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000001a;transition:box-shadow .2s ease,filter .2s ease;filter:saturate(.6)}.badge-btn:after{content:"";position:absolute;top:-50%;left:0;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-350%) skew(-25deg);transition:transform .4s cubic-bezier(.165,.84,.44,1);pointer-events:none}.badge-btn:hover{box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #00000026,0 0 8px #fbbf2466}.badge-btn:hover:after{transform:translate(350%) skew(-25deg)}.badge-btn:active{border-color:#78350f #fef3c7 #fef3c7 #78350f;box-shadow:inset 2px 2px 4px #0003}.badge-btn:focus-visible{outline:2px solid #d97706;outline-offset:2px}.badge-btn-verified{filter:none}@keyframes badge-nudge{0%,80%{border-color:#fef3c7 #78350f #78350f #fef3c7;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000001a}82%{border-color:#78350f #fef3c7 #fef3c7 #78350f;box-shadow:inset 2px 2px 4px #00000040}84%{border-color:#fef3c7 #78350f #78350f #fef3c7;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000001a}86%{border-color:#78350f #fef3c7 #fef3c7 #78350f;box-shadow:inset 2px 2px 4px #00000040}88%,to{border-color:#fef3c7 #78350f #78350f #fef3c7;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000001a}}@keyframes badge-nudge-dark{0%,80%{border-color:rgba(255,200,50,.25) rgba(120,53,15,.4) rgba(120,53,15,.4) rgba(255,200,50,.25);box-shadow:inset 1px 1px #ffc83226,inset -1px -1px #00000026}82%{border-color:rgba(120,53,15,.4) rgba(255,200,50,.25) rgba(255,200,50,.25) rgba(120,53,15,.4);box-shadow:inset 2px 2px 4px #0000004d}84%{border-color:rgba(255,200,50,.25) rgba(120,53,15,.4) rgba(120,53,15,.4) rgba(255,200,50,.25);box-shadow:inset 1px 1px #ffc83226,inset -1px -1px #00000026}86%{border-color:rgba(120,53,15,.4) rgba(255,200,50,.25) rgba(255,200,50,.25) rgba(120,53,15,.4);box-shadow:inset 2px 2px 4px #0000004d}88%,to{border-color:rgba(255,200,50,.25) rgba(120,53,15,.4) rgba(120,53,15,.4) rgba(255,200,50,.25);box-shadow:inset 1px 1px #ffc83226,inset -1px -1px #00000026}}.badge-btn-unverified{animation:badge-nudge 3.5s ease-in-out 2s infinite}:is(.dark *).badge-btn-unverified{animation:badge-nudge-dark 3.5s ease-in-out 2s infinite}@keyframes celebrate-glow{0%{box-shadow:0 0 #fbbf2400}40%{box-shadow:0 0 20px 6px #fbbf2466}to{box-shadow:0 0 #fbbf2400}}@keyframes celebrate-shine{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(350%) skew(-20deg)}}.badge-btn-celebrate{animation:celebrate-glow 1.2s ease-out;filter:none}.badge-claim-shine{position:absolute;top:0;left:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:celebrate-shine .6s ease-out .2s both;pointer-events:none}@keyframes verified-shine-loop{0%{transform:translate(-100%) skew(-20deg)}12%{transform:translate(500%) skew(-20deg)}to{transform:translate(500%) skew(-20deg)}}.badge-verified-shine{position:absolute;top:0;left:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:verified-shine-loop 6s cubic-bezier(.23,1,.32,1) infinite;pointer-events:none}@keyframes sparkle{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(1.2)}18%{opacity:1;transform:scale(1)}28%{opacity:0;transform:scale(0)}52%{opacity:0;transform:scale(0)}62%{opacity:1;transform:scale(1.2)}70%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(0)}to{opacity:0;transform:scale(0)}}@keyframes sparkle-drift{0%{translate:0 0}25%{translate:2px -1px}50%{translate:-1px 2px}75%{translate:1px 1px}to{translate:0 0}}.badge-sparkle{position:absolute;width:var(--sparkle-size, 8px);height:var(--sparkle-size, 8px);background:#fbbf24;pointer-events:none;opacity:0;box-shadow:0 0 8px 3px #fbbf24b3;clip-path:polygon(50% 0%,56% 38%,100% 50%,56% 62%,50% 100%,44% 62%,0% 50%,44% 38%);animation:sparkle var(--sparkle-dur, 2.5s) ease-out var(--sparkle-delay, 0s) infinite,sparkle-drift var(--drift-dur, 6s) ease-in-out var(--drift-delay, 0s) infinite;top:var(--sparkle-y, 0);left:var(--sparkle-x, 0)}@keyframes popup-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.badge-popup{animation:popup-in .15s ease-out both}.badge-certificate{position:relative;overflow:hidden;background:repeating-conic-gradient(rgba(0,0,0,.03) 0% 25%,transparent 0% 50%) 0 0 / 2px 2px,color-mix(in oklch,var(--popover, #ffffff),var(--muted-foreground) 4%);border:2px solid var(--border);box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000001a,0 8px 24px #0003,0 2px 6px #00000014}.badge-cert-inner{padding:.75rem 1rem;position:relative}.badge-cert-seal{position:absolute;top:.8rem;right:.8rem;width:1.45rem;aspect-ratio:1;z-index:2}.badge-cert-seal svg{width:100%;height:100%;color:#d97706;transition:color .2s ease}.badge-certificate-verified .badge-cert-seal svg{color:#fbbf24;animation:seal-glow 3s ease-in-out infinite}@keyframes seal-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}}.badge-cert-seal-sparkle{position:absolute;width:var(--sparkle-size, 5px);height:var(--sparkle-size, 5px);background:#fbbf24;pointer-events:none;opacity:0;box-shadow:0 0 6px 2px #fbbf24b3;clip-path:polygon(50% 0%,56% 38%,100% 50%,56% 62%,50% 100%,44% 62%,0% 50%,44% 38%);animation:sparkle var(--sparkle-dur, 2.5s) ease-out var(--sparkle-delay, 0s) infinite,sparkle-drift var(--drift-dur, 6s) ease-in-out var(--drift-delay, 0s) infinite;top:var(--sparkle-y, 0);left:var(--sparkle-x, 0)}@keyframes cert-shine-loop{0%{transform:translate(-700%) skew(-20deg)}14%{transform:translate(770%) skew(-20deg)}to{transform:translate(770%) skew(-20deg)}}.badge-cert-shine{position:absolute;top:0;left:0;width:15%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:cert-shine-loop 7s linear 1s infinite backwards;pointer-events:none;z-index:1}@keyframes verify-nudge{0%,80%{border-color:#f5f5f5 #525252 #525252 #f5f5f5;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #00000026}82%{border-color:#525252 #f5f5f5 #f5f5f5 #525252;box-shadow:inset 2px 2px 4px #0003}84%{border-color:#f5f5f5 #525252 #525252 #f5f5f5;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #00000026}86%{border-color:#525252 #f5f5f5 #f5f5f5 #525252;box-shadow:inset 2px 2px 4px #0003}88%,to{border-color:#f5f5f5 #525252 #525252 #f5f5f5;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #00000026}}@keyframes verify-nudge-dark{0%,80%{border-color:#6b6b6b #1a1a1a #1a1a1a #6b6b6b;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0003}82%{border-color:#1a1a1a #6b6b6b #6b6b6b #1a1a1a;box-shadow:inset 2px 2px 4px #0000004d}84%{border-color:#6b6b6b #1a1a1a #1a1a1a #6b6b6b;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0003}86%{border-color:#1a1a1a #6b6b6b #6b6b6b #1a1a1a;box-shadow:inset 2px 2px 4px #0000004d}88%,to{border-color:#6b6b6b #1a1a1a #1a1a1a #6b6b6b;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0003}}.badge-verify-btn{background:linear-gradient(180deg,#e5e5e5,#a8a8a8);color:#1c1917!important;border:2px solid;border-color:#f5f5f5 #525252 #525252 #f5f5f5;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #00000026;animation:verify-nudge 3.5s ease-in-out .8s infinite}.badge-verify-btn:hover{background:linear-gradient(180deg,#ebebeb,#b5b5b5)}.badge-verify-btn:active{border-color:#525252 #f5f5f5 #f5f5f5 #525252;box-shadow:inset 2px 2px 4px #0003}:is(.dark *).badge-btn{background:repeating-conic-gradient(rgba(255,255,255,.04) 0% 25%,transparent 0% 50%) 0 0 / 2px 2px,#fbbf2440;border-color:rgba(255,200,50,.25) rgba(120,53,15,.4) rgba(120,53,15,.4) rgba(255,200,50,.25);box-shadow:inset 1px 1px #ffc83226,inset -1px -1px #00000026}:is(.dark *).badge-btn:after{background:linear-gradient(90deg,transparent,rgba(255,200,50,.2),transparent)}:is(.dark *).badge-btn:hover{box-shadow:inset 1px 1px #ffc83233,inset -1px -1px #0003,0 0 8px #fbbf2426}:is(.dark *).badge-verify-btn{background:linear-gradient(180deg,#525252,#353535);color:#e5e5e5!important;border-color:#6b6b6b #1a1a1a #1a1a1a #6b6b6b;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0003;animation:verify-nudge-dark 3.5s ease-in-out .8s infinite}:is(.dark *).badge-verify-btn:hover{background:linear-gradient(180deg,#5e5e5e,#404040)}:is(.dark *).badge-verify-btn:active{border-color:#1a1a1a #6b6b6b #6b6b6b #1a1a1a}:is(.dark *).badge-claim-shine{background:linear-gradient(90deg,transparent,rgba(255,200,50,.3),transparent)}@media(prefers-reduced-motion:reduce){.badge-popup,.badge-btn-celebrate,.badge-btn-unverified,.badge-verify-btn{animation:none}.badge-claim-shine,.badge-verified-shine,.badge-sparkle,.badge-cert-shine,.badge-cert-seal-sparkle{display:none}.badge-btn:after{transition:none;transform:none}.badge-certificate-verified .badge-cert-seal svg{animation:none}}html,body{overflow:hidden;height:100%}