body{background:#0a0a0a;place-items:center;height:100vh;margin:0;font-family:sans-serif;display:grid;overflow:hidden}.bg-svg{z-index:-3;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.bg-layer{transform-origin:50%}.bg-blob{mix-blend-mode:screen;opacity:.14;filter:blur(18px);transform-origin:50%}.blob-1{animation:12s ease-in-out infinite blobMove1}.blob-2{animation:14s ease-in-out infinite blobMove2}.blob-3{animation:16s ease-in-out infinite blobMove3}@keyframes blobMove1{0%{transform:translate(0)scale(1)}50%{transform:translate(6px,-8px)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes blobMove2{0%{transform:translate(0)scale(1)}50%{transform:translate(-10px,6px)scale(1.08)}to{transform:translate(0)scale(1)}}@keyframes blobMove3{0%{transform:translate(0)scale(1)}50%{transform:translate(8px,10px)scale(1.06)}to{transform:translate(0)scale(1)}}.hero{flex-direction:column;align-items:center;display:flex;position:relative}.orb-wrapper{width:100px;height:100px;animation:1.5s cubic-bezier(.22,.61,.36,1) forwards arrive;position:relative}.orb{background:radial-gradient(circle at 30% 30%,#fff,#888);border-radius:50%;width:70px;height:70px;animation:4s linear infinite spinBall;position:absolute;top:15px;left:15px}.orb-image{background-image:url(./soccer-ball.png);background-repeat:no-repeat;background-size:calc(var(--frames,1) * 100%) auto;background-position:calc(-1 * var(--frame-index,0) * 100%) 0;image-rendering:pixelated;image-rendering:crisp-edges;animation:none}.ring{border:2px dashed #fff;border-radius:50%;animation:6s linear infinite reverse spinRing;position:absolute;inset:0}.connector{background:#fff;width:2px;height:0;margin-top:10px;animation:.8s 1.5s forwards growLine}.download-btn{color:#000;cursor:pointer;opacity:0;background:#fff;border:none;border-radius:10px;margin-top:20px;padding:14px 32px;animation:.6s 2.2s forwards showBtn}.disabled{color:#666;cursor:not-allowed;background:#ccc}@keyframes arrive{0%{transform:translate(-600px,400px)scale(.3)}to{transform:translate(0)scale(1)}}@keyframes spinBall{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes growLine{to{height:120px}}@keyframes showBtn{to{opacity:1;transform:translateY(0)}}