.goat-mockup{--neon:#14ff9d;--cyan:#19e8ff;--gold:#f5c542;--gold-2:#b8862f;--ink:#04070d;--ink-2:#0a1018;color:#eaf3ff;letter-spacing:.01em;background:radial-gradient(120% 80% at 50% -10%,#14ff9d1a 0%,#04070d00 55%),radial-gradient(90% 60% at 90% 20%,#19e8ff14 0%,#04070d00 50%),linear-gradient(#04070d 0%,#060b14 40%,#04070d 100%);font-family:Arial Narrow,Inter,system-ui,sans-serif}.goat-mockup *{box-sizing:border-box}.goat-grain:after{content:"";pointer-events:none;z-index:50;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.goat-display{text-transform:uppercase;letter-spacing:.02em;font-family:Arial Narrow,Oswald,Inter,system-ui,sans-serif;font-weight:800;line-height:.92}@keyframes goat-float{0%,to{transform:translate(0,0)scale(1.06)}50%{transform:translate(-1.5%,-2.5%)scale(1.12)}}@keyframes goat-float-alt{0%,to{transform:translate(0,0)scale(1.08)}50%{transform:translate(2%,1.5%)scale(1.14)}}@keyframes goat-glow-pulse{0%,to{box-shadow:0 0 18px #14ff9d73,0 0 42px #14ff9d33}50%{box-shadow:0 0 30px #14ff9dbf,0 0 70px #14ff9d59}}@keyframes goat-shine{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(230%)skew(-18deg)}}@keyframes goat-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes goat-progress-fill{0%{width:0%}to{width:22%}}@keyframes goat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes goat-scan{0%{opacity:0;transform:translateY(-100%)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(900%)}}.goat-kb-1{animation:14s ease-in-out infinite goat-float}.goat-kb-2{animation:17s ease-in-out infinite goat-float-alt}.goat-kb-3{animation:19s ease-in-out infinite goat-float}.goat-cta{animation:2.6s ease-in-out infinite goat-glow-pulse;position:relative;overflow:hidden}.goat-cta:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;height:100%;animation:3.4s ease-in-out infinite goat-shine;position:absolute;top:0;left:0}.goat-progress-fill{background:linear-gradient(90deg, var(--cyan), var(--neon));animation:1.4s cubic-bezier(.2,.8,.2,1) forwards goat-progress-fill;box-shadow:0 0 12px #14ff9db3}.goat-fut{clip-path:polygon(0 6%,14% 0,100% 0,100% 88%,86% 100%,0 100%);transition:transform .2s;position:relative}.goat-fut:active{transform:scale(.97)}.goat-fut-gold{background:linear-gradient(160deg,#fff0c2 0%,#f5c542 30%,#d9a431 55%,#8a5f1c 100%)}.goat-fut-silver{background:linear-gradient(160deg,#eef3f7 0%,#c7d2dd 35%,#93a3b2 60%,#5b6675 100%)}.goat-fut-special{background:linear-gradient(160deg,#0a1320 0%,#0e2436 40%,#10303f 70%,#061018 100%)}.goat-selected{outline:2px solid var(--neon);outline-offset:-2px;animation:2s ease-in-out infinite goat-glow-pulse}.goat-rays{filter:blur(1px);background:repeating-conic-gradient(#14ff9d33 0deg 6deg,#0000 6deg 18deg);animation:22s linear infinite goat-rays;position:absolute;inset:-40%}.goat-pack-shine{position:absolute;inset:0;overflow:hidden}.goat-pack-shine:before{content:"";background:linear-gradient(100deg,#0000,#14ff9d8c,#0000);width:60%;height:100%;animation:3s ease-in-out infinite goat-shine;position:absolute;top:0;left:0}.goat-watermark{background-image:repeating-linear-gradient(-28deg,#0000 0 38px,#fff0 38px)}.goat-clip-hud{clip-path:polygon(0 0,100% 0,100% 70%,92% 100%,0 100%)}.goat-noise-img{image-rendering:auto}.goat-player-thumb{transition:transform .18s}.goat-player-thumb:hover,.goat-player-thumb:active{transform:scale(1.08)}.goat-player-thumb:hover .goat-ring-gold,.goat-player-thumb:hover .goat-ring-silver,.goat-player-thumb:hover .goat-ring-special{box-shadow:0 0 14px #14ff9d8c}.goat-ring-gold{background:linear-gradient(135deg,#f5c542,#b8862f);padding:3px;transition:box-shadow .18s;box-shadow:0 0 8px #f5c54266}.goat-ring-silver{background:linear-gradient(135deg,#c7d2dd,#5b6675);padding:3px;transition:box-shadow .18s;box-shadow:0 0 6px #96aabe59}.goat-ring-special{background:linear-gradient(135deg,#19e8ff,#0a6080);padding:3px;transition:box-shadow .18s;box-shadow:0 0 8px #19e8ff66}.goat-ring-selected{animation:2s ease-in-out infinite goat-glow-pulse;background:linear-gradient(135deg,#14ff9d,#19e8ff)!important;box-shadow:0 0 22px #14ff9dcc!important}@keyframes goat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.goat-spinner-arc{animation:1.1s linear infinite goat-spin}.goat-conic{filter:drop-shadow(0 0 10px #14ff9d73);background:conic-gradient(#14ff9d00 0deg,#19e8ff40 90deg,#14ff9df2 200deg,#14ff9d00 340deg);animation:2.4s linear infinite goat-spin}@keyframes goat-shimmer-move{0%{transform:translate(-130%)skew(-16deg)}to{transform:translate(230%)skew(-16deg)}}.goat-shimmer:before{content:"";background:linear-gradient(100deg,#0000,#14ff9d1a,#0000);width:55%;height:100%;animation:3.2s ease-in-out infinite goat-shimmer-move;position:absolute;top:0;left:0}@keyframes goat-frame-glow{0%,to{box-shadow:0 0 30px #14ff9d2e,inset 0 0 40px #14ff9d0f}50%{box-shadow:0 0 60px #14ff9d61,inset 0 0 60px #14ff9d1f}}.goat-glow-frame{animation:3s ease-in-out infinite goat-frame-glow}@keyframes goat-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.goat-fade-up{animation:.5s ease-out goat-fade-up}.goat-cta:not(:disabled):hover{filter:brightness(1.08)}@media (min-width:768px){.goat-mockup{background:radial-gradient(48% 55%,#14ff9d12 0%,#04070d00 70%),radial-gradient(120% 80% at 50% -10%,#14ff9d14 0%,#04070d00 55%),radial-gradient(90% 60% at 90% 20%,#19e8ff0f 0%,#04070d00 50%),linear-gradient(#04070d 0%,#060b14 40%,#04070d 100%)}}