*{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;padding:0;overflow:hidden}.paw-bg{opacity:.05;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#fx{width:100%;height:100%;display:block;position:fixed;inset:0}.wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.claws{filter:blur(1px)drop-shadow(0 0 14px #f0c83c33);opacity:.3;pointer-events:none;z-index:0;width:165%;height:165%;animation:5.5s ease-in-out infinite claws-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes claws-breathe{0%,to{opacity:.2}50%{opacity:.4}}.logo-stage{aspect-ratio:1;perspective:900px;justify-content:center;align-items:center;width:min(58vw,460px);animation:1.1s cubic-bezier(.16,1,.3,1) both intro;display:flex;position:relative}@keyframes intro{0%{opacity:0;filter:blur(10px);transform:scale(.82)}to{opacity:1;filter:blur();transform:scale(1)}}.glow{filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#f0c83c59,#f0c83c00 70%);border-radius:50%;animation:3.6s ease-in-out infinite pulse;position:absolute;inset:-18%}@keyframes pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}.ring{-webkit-mask-composite:xor;pointer-events:none;opacity:.8;background:conic-gradient(#0000 0%,#f0c83cd9 12%,#0000 28% 100%);border-radius:50%;padding:1px;animation:7s linear infinite spin;position:absolute;inset:-9%;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}.ring-2{opacity:.5;background:conic-gradient(from 180deg,#0000 0%,#ffffff8c 8%,#0000 20% 100%);animation:11s linear infinite reverse spin;inset:-3%}@keyframes spin{to{transform:rotate(360deg)}}.logo{object-fit:contain;filter:drop-shadow(0 0 40px #f0c83c40);width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .12s ease-out;position:relative}@media (prefers-reduced-motion:reduce){.logo-stage,.glow,.ring,.ring-2,.logo,.claws{transition:none!important;animation:none!important}}
