@import "https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Rajdhani:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation;background:#0d1118}.page{background:#0d1118;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Rajdhani,sans-serif;display:flex;position:relative;overflow:hidden}.bg-base{z-index:0;pointer-events:none;filter:brightness(.35)saturate(0)hue-rotate(150deg);background-image:url(/stadium.png);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-400px 0 0}.bg-base:after{content:"";background:linear-gradient(#0208058c 0%,#01050359 40%,#01050340 60%,#020805a6 100%);position:absolute;inset:0}.bg-spots{z-index:0;pointer-events:none;background:radial-gradient(38% 52% at 8% 0,#50823752 0%,#0000 68%),radial-gradient(38% 52% at 92% 0,#50823752 0%,#0000 68%);position:absolute;inset:0}.bg-pitch{z-index:0;pointer-events:none;background:radial-gradient(140% 60% at 50% 55%,#23733799 0%,#19502852 42%,#0000 68%);height:340px;position:absolute;top:20%;left:0;right:0}.particles-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:0 16px 56px;display:flex;position:relative}.hero-row{justify-content:center;align-items:center;gap:12px;width:100%;padding-top:44px;display:flex}.club-card{transform-origin:50%;background:0 0;border:1.2px solid #a0aadc73;border-radius:16px;flex-shrink:0;width:220px;height:142px;margin-top:28px;position:relative;overflow:hidden;transform:perspective(700px)rotateY(12deg)rotateX(-6deg)rotate(-2deg);box-shadow:0 0 22px #64dcd22e,0 0 50px #3ca0961f,inset 0 1px #c8dcff24,inset 0 0 30px #3c50a01a,0 18px 55px #000c}.club-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d2dcff17 0%,#96b4f00a 40%,#0000 65%);border-radius:16px 16px 0 0;height:55%;position:absolute;top:0;left:0;right:0}.club-card:after{content:"";pointer-events:none;z-index:3;border-radius:16px;position:absolute;inset:0;box-shadow:inset 2px 0 6px #8cdcd22e,inset 0 2px 6px #8cdcd224}.club-card-inner{z-index:2;flex-direction:column;justify-content:space-between;width:62%;height:100%;padding:13px 0 13px 14px;display:flex;position:relative}.card-label{color:#b4dfb1ad;letter-spacing:1.4px;text-transform:uppercase;font-size:8.5px;font-weight:500}.card-team-name{color:#e8eeff;margin-top:1px;font-family:Oswald,sans-serif;font-size:19px;font-weight:700;line-height:1.1}.card-member-label{color:#b4dfb185;font-size:9.5px;line-height:1.4}.card-member-name{color:#def;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;line-height:1}.card-number{color:#b4dfb17a;letter-spacing:1.5px;font-size:11px}.card-player{z-index:1;background:radial-gradient(90% 100% at 55% 55%,#6428c88c 0%,#3c148c59 50%,#0000 78%);width:42%;position:absolute;top:-10px;bottom:-10px;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 100%)}.card-player img{width:110%;height:100%}.phone{transform-origin:50%;background:#1a1e28;border:2px solid #2e3342;border-radius:32px;flex-shrink:0;width:152px;height:288px;position:relative;overflow:hidden;transform:perspective(700px)rotateY(-23deg)rotateX(10deg)rotate(1.5deg);box-shadow:0 0 0 1px #0f121cf2,inset -1px 0 #ffffff0d,inset 0 1px #ffffff0f,0 0 30px #32c8781a,0 24px 64px #000000e6}.phone:before{content:"";background:#232833;border-radius:2px 0 0 2px;width:3px;height:20px;position:absolute;top:72px;left:-3px;box-shadow:0 30px #232833}.phone-notch{z-index:10;background:#111418;border-radius:3px;width:38px;height:5px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-status-bar{color:#ffffff61;z-index:10;align-items:center;gap:3px;margin-right:7px;font-size:6.5px;display:flex;position:absolute;top:4px;right:10px}.phone-screen{flex-direction:column;align-items:center;width:100%;height:100%;padding-top:10px;display:flex;position:relative}.phone-scroll-hint{pointer-events:none;z-index:20;opacity:0;flex-direction:column;align-items:center;gap:4px;animation:2.5s .8s forwards scrollHintFade;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes scrollHintFade{0%{opacity:0;transform:translate(-50%)translateY(0)}15%{opacity:1;transform:translate(-50%)translateY(0)}70%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(8px)}}.scroll-hint-finger{filter:drop-shadow(0 0 6px #95d3aeb3)drop-shadow(0 0 12px #95d3ae66);animation:.9s ease-in-out .8s 3 fingerBob}@keyframes fingerBob{0%{transform:translateY(0)}40%{transform:translateY(6px)}70%{transform:translateY(2px)}to{transform:translateY(0)}}.scroll-hint-arrows{flex-direction:column;align-items:center;gap:1px;display:flex}.scroll-hint-arrows span{border-bottom:2px solid #95d3aee6;border-right:2px solid #95d3aee6;width:10px;height:10px;animation:.9s ease-in-out .8s infinite arrowFade;display:block;transform:rotate(45deg)}.scroll-hint-arrows span:nth-child(2){opacity:.7;animation-delay:1s}.scroll-hint-arrows span:nth-child(3){opacity:.4;animation-delay:1.2s}@keyframes arrowFade{0%,to{opacity:.2}50%{opacity:1}}.phone-scroll-content{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;width:100%;padding-bottom:20px;display:flex;overflow:hidden auto}.phone-scroll-content::-webkit-scrollbar{display:none}.phone-extra-content{flex-direction:column;gap:12px;width:100%;padding:20px 14px;display:flex}.phone-stat-item{background:#ffffff0a;border:1px solid #95d3ae26;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.phone-stat-item span{color:#b4dfb199;letter-spacing:1px;font-size:10px}.phone-stat-item strong{color:#eef2ff;font-family:Oswald,sans-serif;font-size:14px}.phone-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:0;padding:0 12px;display:flex}.phone-back-arrow{color:#fff9;font-size:18px;line-height:1}.phone-bell{opacity:.45;width:14px;height:14px}.phone-player-area{background:radial-gradient(80% 90%,#501eb480 0%,#2d0f6e47 55%,#0000 80%);flex-shrink:0;width:100%;height:126px;position:relative;overflow:hidden}.phone-player-area img{object-fit:cover;width:100%;height:100%}.phone-moon{z-index:1;background:radial-gradient(circle,#1e2a48eb 0%,#141e3ad1 55%,#0c142899 80%,#0000 100%);border:1px solid #4664a047;border-radius:50%;width:72px;height:72px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-player-area>svg{z-index:2;width:100%;height:100%;position:absolute;inset:0}.phone-name{color:#eef2ff;letter-spacing:.4px;z-index:4;margin-top:5px;font-family:Oswald,sans-serif;font-size:18px;font-weight:600;position:relative}.phone-stats-row{z-index:4;align-items:center;gap:6px;margin-top:2px;display:flex;position:relative}.phone-stat{color:#b4dfb1a6;align-items:center;gap:2px;font-size:9px;display:flex}.phone-stat-divider{background:#8cc88247;width:1px;height:9px}.status-btn{text-align:center;cursor:pointer;z-index:4;background:linear-gradient(135deg,#5cb838 0%,#7dd448 45%,#65c238 100%);border-radius:10px;width:118px;margin-top:11px;padding:7px 16px 6px;position:relative;box-shadow:0 0 28px #64d23794,0 0 14px #64d23761,0 0 56px #46aa2338,inset 0 1px #ffffff47,0 3px 8px #00000080}.status-btn-label{color:#0000006b;letter-spacing:2.5px;text-transform:uppercase;font-size:8px;font-weight:600;line-height:1.3;display:block}.status-btn-text{color:#060f02;letter-spacing:2px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:20px;font-weight:700;line-height:1.1;display:block}.features-row{gap:10px;width:100%;margin-top:36px;display:flex}.feature-card{background:linear-gradient(158deg,#121222f0 0%,#0b0b16f7 100%);border:1px solid #95d3ae94;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:18px 8px 15px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #78be8c1f,inset 0 1px #b4e6b412,0 6px 24px #0009,0 0 35px #64dcd259,0 0 65px #3ca09640,0 0 100px #50c87826,inset 0 0 30px #3c50a01a}.feature-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#95d3ae26 0%,#96b4f014 40%,#0000 65%);border-radius:14px 14px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.feature-card:after{content:"";pointer-events:none;z-index:3;border-radius:14px;position:absolute;inset:0;box-shadow:inset 2px 0 6px #8cdcd22e,inset 0 2px 6px #8cdcd224,inset 0 0 20px #64c89614}.feature-icon{justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative}.feature-icon:before{content:"";z-index:-1;background:radial-gradient(circle,#64dcd240 0%,#3ca09626 40%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite iconPulse;position:absolute;inset:-8px}.feature-icon svg{filter:drop-shadow(0 0 12px #64dcd299)drop-shadow(0 0 25px #3ca09666)drop-shadow(0 0 8px #95d3aecc);transition:all .3s;transform:scale(1.05)}.feature-card:hover .feature-icon svg{filter:drop-shadow(0 0 18px #64dcd2cc)drop-shadow(0 0 35px #3ca09699)drop-shadow(0 0 12px #95d3ae);transform:scale(1.1)}.feature-card:hover{border-color:#95d3aecc;box-shadow:0 0 0 .5px #78be8c1f,inset 0 1px #b4e6b412,0 6px 24px #0009,0 0 45px #64dcd280,0 0 85px #3ca09659,0 0 120px #50c87840,inset 0 0 30px #3c50a01a}@keyframes iconPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.feature-label{color:#b4dfb1e6;text-align:center;text-shadow:0 0 20px #64dcd299,0 0 32px #3ca09666,0 0 48px #95d3ae40;font-size:14px;font-weight:500;line-height:1.3}.headline-wrap{text-align:center;width:100%;margin-top:38px}.headline-1,.headline-2{text-transform:uppercase;letter-spacing:4px;background:#b4dfb1;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 32px #b4e65085)drop-shadow(0 0 65px #82be3242)drop-shadow(0 4px 12px #000000f5);-webkit-background-clip:text;background-clip:text;font-family:Oswald,sans-serif;font-style:italic;font-weight:700;line-height:.95;display:block}.headline-1{font-size:clamp(54px,15vw,80px)}.headline-2{margin-top:4px;font-size:clamp(42px,11.5vw,62px)}.powered-by{color:#b4dfb1;letter-spacing:.5px;align-items:center;gap:8px;margin-top:30px;font-size:13.5px;display:flex}.powered-by-italic{font-style:italic}.powered-by-brand{letter-spacing:1px;color:#b4dfb1;font-weight:600}@media (max-width:400px){.club-card{width:200px}.phone{width:144px}}