@keyframes header-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.reward-chroma{isolation:isolate;position:relative;overflow:hidden}.reward-chroma:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:0;background:conic-gradient(#ff0080,#ff8c00,#ffe600,#00ff8c,#00b3ff,#8c00ff,#ff0080);transition:opacity .2s;animation:8s linear infinite reward-chroma-spin;position:absolute;inset:-50%}.reward-chroma:hover:after{opacity:.4}@keyframes reward-chroma-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reward-chroma:before{animation:none}}.animate-header-appear{animation:.5s ease-out forwards header-appear}.metallic-shine{position:relative;overflow:hidden}.metallic-shine:before{content:"";opacity:0;mix-blend-mode:overlay;pointer-events:none;z-index:2;background:radial-gradient(circle,#fffc 0%,#fff3 10%,#fff0 60%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.metallic-shine:hover:before{opacity:1}.gold-metallic{-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#f6e27a 0%,#d2ac47 35%,#edc967 45%,#c0960c 55%,#f6e27a 65%,#c0960c 100%);background-size:200% 200%;-webkit-background-clip:text;animation:2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tilt-card.tilted{box-shadow:0 5px 15px #00000026,0 2px 5px #0000001a,inset 0 1px 1px #ffffff80}