@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,800;0,900;1,400;1,600;1,800;1,900&family=Outfit:wght@300;400;600;800;900&display=swap";:root{--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:#ffffff0d;--card-border:#ffffff1a;--primary:#3b82f6;--success:#10b981;--danger:#ef4444;--color-base:#94a3b8;--color-icon:#f59e0b;--color-golden:#fbbf24;--color-keeper:#0ea5e9;--color-defender:#14b8a6;--color-midfield:#8b5cf6;--color-striker:#ec4899;--color-arg22:#38bdf8}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,Outfit,sans-serif}body{color:#fff;-ms-overflow-style:none;scrollbar-width:none;background-color:#0f172a;min-height:100vh;margin:0;font-family:Montserrat,Outfit,system-ui,sans-serif}body::-webkit-scrollbar{display:none}.bg-stadium{z-index:-10;background-image:linear-gradient(#4a044e99,#0f172af2),url(https://images.unsplash.com/photo-1518605368461-1ee7c5320746?auto=format&fit=crop&q=80);background-position:50%;background-size:cover;position:fixed;inset:0}.app-container{flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:4rem .5rem 1rem;display:flex}@media (width>=640px){.app-container{padding:2rem}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes glow-pulse{0%{filter:drop-shadow(0 0 20px #fbbf2499)}50%{filter:drop-shadow(0 0 40px #fbbf24e6)}to{filter:drop-shadow(0 0 20px #fbbf2499)}}.trophy-hero{filter:drop-shadow(0 0 25px #fbbf24b3);will-change:transform}@keyframes hero-cartoon-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}}.hero-cartoon-anim{will-change:transform;filter:drop-shadow(0 0 20px #fbbf2499)brightness(1.1)contrast(1.1);transition:all .3s;animation:3s ease-in-out infinite hero-cartoon-bounce}.hero-cartoon-anim:hover{transform:scale(1.1)rotate(5deg)}.glass-panel{background:#0f172a99;border:1px solid #ffffff1a;box-shadow:0 8px 32px #00000080}.glass-menu-card{background:linear-gradient(135deg,#ffffff14,#ffffff03);border:1px solid #ffffff26;border-color:#ffffff59 #ffffff26 #ffffff26 #ffffff59;transition:all .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 40px #0006}.glass-menu-card:hover{background:linear-gradient(135deg,#fff3,#ffffff0d);border-color:#38bdf8e6;transform:translateY(-20px)scale(1.05);box-shadow:0 30px 60px #000000b3,0 0 30px #38bdf899}.pitch-wrapper{perspective:1000px;justify-content:center;width:100%;padding:2rem 0;display:flex}.pitch-container{aspect-ratio:.65;width:100%;max-width:750px;transform-style:preserve-3d;background:linear-gradient(#ffffff1a 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#ffffff1a 1px,#0000 1px) 0 0/20px 20px,linear-gradient(#166534 0%,#15803d 100%) 0 0/100% 100%;border:6px solid #cbd5e1;border-bottom:20px solid #94a3b8;border-radius:12px;margin:0 auto;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;transform:rotateX(55deg);box-shadow:0 40px 50px -10px #000c,inset 0 0 50px #00000080}.pitch-container:hover{transform:rotateX(50deg)translateY(-5px)}.pitch-lines{pointer-events:none;position:absolute;inset:0}.pitch-lines:before{content:"";background:#fff6;height:2px;position:absolute;top:50%;left:0;right:0}.pitch-lines:after{content:"";border:2px solid #fff6;border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.penalty-box-bottom{border:2px solid #fff6;border-bottom:none;width:50%;height:15%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.penalty-box-top{border:2px solid #fff6;border-top:none;width:50%;height:15%;position:absolute;top:0;left:50%;transform:translate(-50%)}.pitch-player-slot{transform-origin:bottom;z-index:10;will-change:transform;width:55px;height:82px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:translate(-50%,-100%)rotateX(-55deg)}@media (width>=768px){.pitch-player-slot{width:90px;height:135px}}.pitch-player-slot:hover{z-index:50;transform:translate(-50%,-100%)rotateX(-50deg)scale(1.2)translateY(-10px)}.pitch-player-slot.selected{z-index:60;filter:drop-shadow(0 0 15px #fbbf24);transform:translate(-50%,-100%)rotateX(-50deg)scale(1.3)translateY(-15px)}.pitch-player-slot.played{opacity:.15;filter:grayscale();pointer-events:none;transform:translate(-50%,-50%)rotateX(0)scale(.5)}.pitch-card-wrapper .card{width:55px;height:82px;box-shadow:0 5px 10px -2px #00000080,0 0 5px #ffffff1a}@media (width>=768px){.pitch-card-wrapper .card{width:90px;height:135px;box-shadow:0 15px 20px -5px #00000080,0 0 10px #fff3}}.pitch-card-wrapper .card:after{content:"";filter:blur(2px);z-index:-1;background:#0006;border-radius:50%;width:80%;height:6px;position:absolute;bottom:-5px;left:10%;transform:rotateX(50deg)translateY(10px)}@media (width>=768px){.pitch-card-wrapper .card:after{filter:blur(4px);height:10px;bottom:-10px;transform:rotateX(50deg)translateY(20px)}}.pitch-card-wrapper .card-image-wrapper{height:45px}.pitch-card-wrapper .card-info{padding:2px}.pitch-card-wrapper .card-name{margin-bottom:1px;font-size:.4rem}.pitch-card-wrapper .card-type{font-size:.35rem}.pitch-card-wrapper .stat-val{font-size:.5rem}.pitch-card-wrapper .stat-label{font-size:.35rem}@media (width>=768px){.pitch-card-wrapper .card-image-wrapper{height:75px}.pitch-card-wrapper .card-info{padding:4px}.pitch-card-wrapper .card-name{margin-bottom:2px;font-size:.6rem}.pitch-card-wrapper .card-type{font-size:.45rem}.pitch-card-wrapper .stat-val{font-size:.65rem}.pitch-card-wrapper .stat-label{font-size:.45rem}}h1{text-transform:uppercase;letter-spacing:2px;text-align:center;background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706);color:#0000;filter:drop-shadow(0 4px 6px #00000080);-webkit-background-clip:text;margin-bottom:2rem;font-size:3rem;font-weight:800}h2{margin-bottom:1.5rem;font-size:2rem}.btn{background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:9999px;padding:1rem 2rem;font-size:1.2rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f666}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn:disabled{box-shadow:none;cursor:not-allowed;background:#475569;transform:none}.card-container{perspective:1000px;cursor:pointer;width:100%;height:100%;transition:transform .3s}.card-container:hover{z-index:10;transform:translateY(-10px)scale(1.05)}.card{background:var(--bg);border:3px solid var(--border);border-radius:12px;flex-direction:column;height:100%;padding:.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #0009,inset 0 0 10px #fff3}.card:before{content:"";pointer-events:none;z-index:20;background:linear-gradient(125deg,#0000 20%,#ffffff4d 40%,#fff9 50%,#ffffff4d 60%,#0000 80%) 0 0/200% 200%;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-150%)}.card-container:hover .card{box-shadow:0 15px 30px #000c, 0 0 20px var(--border);transform:translateY(-8px)scale(1.02)}.card-container:hover .card:before{transform:translate(150%)}.card[data-rarity=Base]{border-color:var(--color-base);box-shadow:0 0 10px #94a3b826}.card[data-rarity=Icon],.card[data-rarity=Fan\ Favourite]{border-color:var(--color-icon);box-shadow:0 0 15px #f59e0b4d}.card[data-rarity=Golden\ Baller]{border-color:var(--color-golden);background:linear-gradient(135deg,#fbbf241a,#d9770633);box-shadow:0 0 18px #fbbf2466}.card[data-rarity=Top\ Keeper]{border-color:var(--color-keeper)}.card[data-rarity=Defensive\ Rock]{border-color:var(--color-defender)}.card[data-rarity=Midfield\ Maestro]{border-color:var(--color-midfield)}.card[data-rarity=Goal\ Machine]{border-color:var(--color-striker)}.card[data-rarity^=Attacker\ ARG],.card[data-rarity^=Midfielder\ ARG],.card[data-rarity^=Defender\ ARG]{border-color:var(--color-arg22);box-shadow:0 0 15px #38bdf859}.card[data-rarity=Bronze\ Edition]{background:linear-gradient(135deg,#b453091a,#0006);border-color:#b45309;box-shadow:0 0 12px #b453094d}.card[data-rarity=Silver\ Edition]{background:linear-gradient(135deg,#cbd5e126,#00000080);border-color:#cbd5e1;box-shadow:0 0 15px #cbd5e159}.card[data-rarity=Platinum\ Edition]{background:linear-gradient(135deg,#38bdf833,#1e3a8a66);border-color:#38bdf8;box-shadow:0 0 18px #38bdf873}.card[data-rarity=Super\ Limited]{background:linear-gradient(135deg,#f43f5e4d,#581c8780);border-color:#f43f5e;box-shadow:0 0 20px #f43f5e80}.card-container:hover .card:not([data-rarity=Base]):after{content:"";z-index:5;pointer-events:none;background:linear-gradient(105deg,#0000 20%,#ffffff40 25%,#0000 30%);position:absolute;inset:0}.card-image-wrapper{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:60%;display:flex;position:relative;overflow:hidden}.card-image-wrapper img{object-fit:contain;filter:drop-shadow(0 10px 15px #00000080);height:90%}.card-info{background:#0009;flex-direction:column;flex-grow:1;padding:10px;display:flex}.card-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.1rem;font-weight:800;overflow:hidden}.card-type{text-align:center;color:#cbd5e1;text-transform:uppercase;margin-bottom:8px;font-size:.7rem}.card-stats{justify-content:space-between;margin-top:auto;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-val{font-size:1.2rem;font-weight:800}.stat-label{color:#94a3b8;text-transform:uppercase;font-size:.6rem}.pack-opener{flex-direction:column;align-items:center;gap:2rem;display:flex}.pack-visual{cursor:pointer;background:linear-gradient(45deg,#1e3a8a,#3b82f6,#93c5fd);border:4px solid #fff3;border-radius:20px;justify-content:center;align-items:center;width:300px;height:400px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.pack-visual:before{content:"WORLD CUP 2026 PACK";text-align:center;color:#fff;text-shadow:0 4px 10px #00000080;z-index:2;font-size:2rem;font-weight:800}.pack-visual:hover{transform:scale(1.05)rotate(2deg);box-shadow:0 30px 60px #3b82f699}@keyframes shake{10%,90%{transform:translate(-2px)rotate(-1deg)}20%,80%{transform:translate(4px)rotate(2deg)}30%,50%,70%{transform:translate(-6px)rotate(-2deg)}40%,60%{transform:translate(6px)rotate(2deg)}}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;width:100%;margin-top:2rem;animation:1s fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-builder{width:100%}.team-layout{gap:2rem;display:flex}.collection,.squad{background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;flex:1;min-height:500px;padding:1.5rem}.collection h3,.squad h3{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.5rem}.mini-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.match-engine{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.difficulty-selector{gap:1rem;display:flex}.difficulty-selector button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:.5rem 1.5rem;transition:all .3s}.difficulty-selector button.active{background:var(--primary);border-color:var(--primary)}.match-arena{background:#0006;border:2px solid #ffffff0d;border-radius:30px;justify-content:space-between;align-items:center;width:100%;padding:3rem;display:flex}.player-side,.ai-side{flex-direction:column;align-items:center;gap:1rem;width:35%;display:flex}.vs-badge{color:var(--danger);text-shadow:0 0 20px #ef4444cc;font-size:3rem;font-weight:800}.match-controls{gap:1rem;margin-top:1rem;display:flex}.match-log{background:#00000080;border-radius:15px;width:100%;max-width:600px;max-height:200px;margin-top:2rem;padding:1.5rem;overflow-y:auto}.log-entry{border-bottom:1px solid #ffffff1a;margin-bottom:.5rem;padding-bottom:.5rem}.log-entry:last-child{border-bottom:none}.score-board{align-items:center;gap:2rem;font-size:2.5rem;font-weight:800;display:flex}.score-board span{background:#00000080;border:1px solid #ffffff1a;border-radius:15px;padding:1rem 2rem}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mx-4{margin-left:1rem;margin-right:1rem}.w-full{width:100%}.text-center{text-align:center}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.opacity-70{opacity:.7}.cursor-pointer{cursor:pointer}.scale-105{transform:scale(1.05)}.ring-4{box-shadow:0 0 0 4px var(--primary)}.text-red-400{color:#f87171}.text-green-400{color:#4ade80}.text-blue-400{color:#60a5fa}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:w-1\/3{width:33.3333%}.md\:my-0{margin-top:0;margin-bottom:0}}.w-1\/3{width:33.3333%}.my-8{margin-top:2rem;margin-bottom:2rem}.bg-black\/40{background-color:#0006}.p-4{padding:1rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-gray-500{border-color:#6b7280}.border-white\/10{border-color:#ffffff1a}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.scale-75{transform:scale(.75)}.origin-top{transform-origin:top}.hover\:scale-90:hover{transform:scale(.9)}.transition-transform{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!bg-red-500{background-color:#ef4444!important}.\!bg-green-500{background-color:#22c55e!important}.\!bg-blue-500{background-color:#3b82f6!important}.\!p-2{padding:.5rem!important}.\!text-sm{font-size:.875rem!important}.w-\[220px\]{width:220px}.h-\[320px\]{height:320px}.text-gray-400{color:#9ca3af}.text-4xl{font-size:2.25rem}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.battle-overlay{pointer-events:none;z-index:15;opacity:0;will-change:opacity;transition:opacity .5s ease-in-out;position:absolute;inset:0}.battle-overlay.active{opacity:1}@keyframes breathing-glow{0%{opacity:.5}to{opacity:1}}.landing-page-wrapper{z-index:100;background:#020810;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.landing-bg{z-index:0;background-color:#0f172a;background-image:linear-gradient(#02081099 0%,#020810f2 100%),url(https://images.unsplash.com/photo-1574629810360-7efbbe195018?auto=format&fit=crop&q=80&w=1920);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.landing-nav{z-index:20;background:#020810b3;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:relative}.landing-nav-logo{align-items:center;gap:.75rem;display:flex}.landing-nav-logo-badge{background:linear-gradient(135deg,#c4f000,#38bdf8);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;box-shadow:0 0 20px #c4f00066}.landing-nav-logo-text{text-transform:uppercase;letter-spacing:2px;color:#fff;font-size:.9rem;font-weight:800}.landing-nav-logo-sub{color:#c4f000;letter-spacing:3px;text-transform:uppercase;font-size:.6rem;display:block}.landing-nav-links{gap:.5rem;display:flex}.landing-nav-btn{text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:700;transition:all .3s}.landing-nav-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.landing-nav-btn.primary{color:#020810;background:#c4f000;border-color:#c4f000}.landing-nav-btn.primary:hover{background:#d4f533;box-shadow:0 0 20px #c4f00080}.landing-main{z-index:10;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.landing-main{flex-direction:row}}.landing-banner-col{background:radial-gradient(circle,#c4f0000d 0%,#0000 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:relative;overflow-y:auto}.landing-banner-card{aspect-ratio:1;background:#020810;border:2px solid #c4f00040;border-radius:24px;width:100%;max-width:500px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s;animation:7s ease-in-out infinite bannerWobbleFloat;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 35px #c4f00026}@keyframes bannerWobbleFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-8px)rotate(-1.5deg)scale(1.008)}50%{transform:translateY(-12px)rotate(1deg)scale(1.015)}75%{transform:translateY(-5px)rotate(-.5deg)scale(1.008)}}.landing-banner-card:hover{border-color:#c4f00080;transform:translateY(-4px)scale(1.01);box-shadow:0 25px 50px #000000b3,0 0 50px #c4f0004d}.landing-banner-card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .6s;display:block}.landing-banner-card img.banner-fade-in{animation:.8s bannerFadeIn}@keyframes bannerFadeIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.landing-banner-info{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;margin-top:1.5rem;display:flex}.landing-banner-info .landing-hero-subtitle{color:#fff;text-shadow:0 2px 10px #00000080;margin-bottom:.25rem;font-size:1.1rem;font-weight:800}.landing-banner-info .landing-badges{justify-content:center;margin-top:.75rem}.banner-dots{z-index:20;gap:.5rem;display:flex;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}.banner-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:all .3s}.banner-dot.active{background:#c4f000;width:24px;box-shadow:0 0 8px #c4f00099}.landing-hero-text{z-index:10;position:absolute;bottom:2rem;left:2rem;right:2rem}.landing-hero-eyebrow{text-transform:uppercase;letter-spacing:4px;color:#c4f000;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.7rem;font-weight:800;display:flex}.landing-hero-eyebrow:before{content:"";background:#c4f000;border-radius:1px;width:30px;height:2px;display:block}.landing-hero-title{text-transform:uppercase;letter-spacing:-2px;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:.9}.landing-hero-title .line1{background:linear-gradient(90deg,#fff,#c4f000);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.landing-hero-title .line2{background:linear-gradient(90deg,#c4f000,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.landing-hero-subtitle{color:#fff9;text-transform:uppercase;letter-spacing:3px;margin-top:.5rem;font-size:clamp(.8rem,1.5vw,1rem);font-weight:600}.landing-badges{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;display:flex}.landing-badge{text-transform:uppercase;letter-spacing:1px;border:1px solid;border-radius:999px;padding:.35rem .85rem;font-size:.65rem;font-weight:700}.landing-badge.green{color:#c4f000;background:#c4f0001a;border-color:#c4f00066}.landing-badge.blue{color:#38bdf8;background:#38bdf81a;border-color:#38bdf866}.landing-badge.pink{color:#f472b6;background:#f472b61a;border-color:#f472b666}@keyframes bannerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-login-col{background:#020810bf;border-left:1px solid #ffffff0f;flex-direction:column;justify-content:center;width:100%;max-width:460px;padding:2rem;animation:.8s cubic-bezier(.2,.8,.2,1) slideInRight;display:flex;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.landing-login-header{margin-bottom:2rem}.landing-login-header h2{text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:.35rem;font-size:1.5rem;font-weight:900}.landing-login-header p{color:#fff6;font-size:.8rem;font-weight:500}.landing-glass-panel{background:#0f172ad9;border:1px solid #ffffff1a;border-top-color:#c4f0004d;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #000000e6,0 0 30px #c4f00014}.landing-form-group{margin-bottom:1.25rem}.landing-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.landing-input{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;padding:.9rem 1.1rem;font-family:inherit;font-size:1rem;transition:all .3s}.landing-input::placeholder{color:#ffffff40}.landing-input:focus{background:#0009;border-color:#c4f000;outline:none;box-shadow:0 0 15px #c4f00033}.landing-btn-submit{text-transform:uppercase;letter-spacing:2px;cursor:pointer;color:#020810;background:linear-gradient(135deg,#c4f000,#a8d500);border:none;border-radius:.75rem;width:100%;margin-top:.75rem;padding:1.1rem;font-size:1.1rem;font-weight:800;transition:all .3s;box-shadow:0 8px 20px #c4f0004d}.landing-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#d4f533,#c4f000);transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px #c4f00080}.landing-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.landing-stats-strip{border-top:1px solid #ffffff14;justify-content:space-around;margin-top:1.5rem;padding-top:1.5rem;display:flex}.landing-stat-item{text-align:center}.landing-stat-val{color:#c4f000;font-size:1.4rem;font-weight:900;display:block}.landing-stat-label{text-transform:uppercase;letter-spacing:1px;color:#fff6;font-size:.6rem;font-weight:700}.how-to-play-wrapper{background:linear-gradient(135deg,#020810 0%,#0d1b2a 50%,#020810 100%);min-height:100vh;position:relative;overflow-y:auto}.how-to-play-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 20%,#c4f0000f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#38bdf80f 0%,#0000 40%);position:fixed;inset:0}.htp-content{z-index:1;max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}.htp-back-btn{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .3s;display:inline-flex}.htp-back-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translate(-4px)}.htp-header{text-align:center;margin-bottom:3rem}.htp-eyebrow{text-transform:uppercase;letter-spacing:4px;color:#c4f000;margin-bottom:.75rem;font-size:.7rem;font-weight:800}.htp-title{text-transform:uppercase;letter-spacing:-1px;background:linear-gradient(90deg,#fff,#c4f000);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.htp-desc{color:#ffffff80;max-width:560px;margin:0 auto;font-size:.95rem;line-height:1.7}.htp-steps{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.htp-step-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:1.25rem;align-items:flex-start;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.htp-step-card:before{content:"";background:linear-gradient(#c4f000,#38bdf8);border-radius:2px;width:3px;height:100%;position:absolute;top:0;left:0}.htp-step-card:hover{background:#ffffff0f;border-color:#c4f00033;transform:translate(4px);box-shadow:0 8px 30px #0006}.htp-step-num{background:linear-gradient(135deg,#c4f00026,#c4f0000d);border:1px solid #c4f0004d;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.htp-step-body h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem;font-size:1rem;font-weight:800}.htp-step-body p{color:#ffffff8c;font-size:.85rem;line-height:1.7}.htp-step-body .htp-tip{color:#c4f000;text-transform:uppercase;letter-spacing:1px;background:#c4f0001a;border:1px solid #c4f00040;border-radius:999px;margin-top:.5rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-block}.htp-features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}@media (width>=640px){.htp-features-grid{grid-template-columns:repeat(3,1fr)}}.htp-feature-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;padding:1.25rem 1rem;transition:all .3s}.htp-feature-card:hover{background:#ffffff0f;border-color:#38bdf840;transform:translateY(-4px)}.htp-feature-icon{margin-bottom:.5rem;font-size:2rem;display:block}.htp-feature-name{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.8rem;font-weight:800}.htp-feature-desc{color:#ffffff73;font-size:.72rem;line-height:1.5}.htp-cta-box{text-align:center;background:linear-gradient(135deg,#c4f0001a,#38bdf814);border:1px solid #c4f00033;border-radius:1.5rem;padding:2rem}.htp-cta-box h3{text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:.5rem;font-size:1.4rem;font-weight:900}.htp-cta-box p{color:#ffffff80;margin-bottom:1.25rem;font-size:.85rem}.htp-cta-btn{color:#020810;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#c4f000,#a8d500);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.9rem 2.5rem;font-size:.95rem;font-weight:800;transition:all .3s;display:inline-flex;box-shadow:0 8px 25px #c4f0004d}.htp-cta-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 35px #c4f00080}.landing-wrapper{z-index:100;background-color:#000;font-family:Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.landing-background{opacity:.6;mix-blend-mode:luminosity;filter:contrast(1.2)brightness(.8);background:radial-gradient(circle at 20% 30%,#c4f00066 0%,#0000 40%),radial-gradient(circle at 80% 80%,#4a044e99 0%,#0000 50%),url(https://images.unsplash.com/photo-1518605368461-1ee7c5320746?auto=format&fit=crop&q=80) 50%/cover;position:absolute;inset:0}.landing-overlay-pattern{background:linear-gradient(45deg,#000c 0%,#0000 40%,#000c 100%),repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff05 10px 20px);position:absolute;inset:0}.landing-content{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem;display:flex;position:relative}@media (width>=1024px){.landing-content{flex-direction:row;justify-content:space-around;padding:0 10%}}.landing-title-area{text-align:center;flex-direction:column;align-items:center;margin-bottom:3rem;animation:1.2s cubic-bezier(.2,.8,.2,1) fadeSlideDown;display:flex}@media (width>=1024px){.landing-title-area{text-align:left;align-items:flex-start;margin-bottom:0}}.landing-form-area{width:100%;max-width:400px;animation:1s ease-out .3s both fadeSlideUp}.landing-tabs{gap:1rem;margin-bottom:2rem;display:flex}.landing-tab-btn{cursor:pointer;white-space:nowrap;background:0 0;border-bottom:3px solid;outline:none;flex:1;padding-bottom:.5rem;padding-left:.25rem;padding-right:.25rem;font-size:.85rem;font-weight:700;transition:all .3s}.landing-tab-btn.active{color:#c4f000;text-shadow:0 0 10px #c4f0004d;border-color:#c4f000}.landing-tab-btn.inactive{color:#94a3b8;border-color:#fff3}.landing-tab-btn.inactive:hover{color:#fff;border-color:#fff6}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.4s cubic-bezier(.2,.8,.2,1) animate-scale-in}@media (width<=1023px){.landing-page-wrapper{flex-direction:column;gap:1.25rem;height:auto;min-height:100vh;padding:1rem .75rem;display:flex;position:relative;inset:auto;overflow:hidden auto}.landing-nav{background:#02081066;border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:0;padding:1rem;display:flex;position:relative}.landing-main{flex-direction:column;gap:1.25rem;overflow:visible}.landing-banner-col{border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;min-height:auto;padding:1.75rem 1.25rem;display:flex;overflow:visible;box-shadow:0 10px 30px #00000080;background:#02081066!important}.landing-banner-card{max-width:320px;margin-bottom:1.25rem}.landing-login-col{box-shadow:0 10px 30px #00000080;background:#02081066!important;border:1px solid #ffffff0f!important;border-radius:24px!important;width:100%!important;max-width:none!important;max-height:none!important;padding:1.75rem 1.25rem!important;overflow:visible!important}.landing-glass-panel{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.landing-banner-info .landing-badges{justify-content:center;gap:.35rem;margin-top:.75rem}.landing-badge{padding:.25rem .65rem;font-size:.55rem}.landing-hero-subtitle{letter-spacing:2px!important;font-size:.9rem!important}}.card-holo{opacity:.35;will-change:opacity;background:linear-gradient(135deg,#f003 0%,#ff9a0033 10%,#d0de2133 20%,#4fdc4a33 30%,#3fdad833 40%,#2fc9e233 50%,#1c7fee33 60%,#5f15f233 70%,#ba0cf833 80%,#fb07d933 90%,#f003 100%) 0%/300% 300%;transition:opacity .4s,background-position .6s}.card-container:hover .card-holo{opacity:.55;background-position:100%}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #fbbf244d}50%{box-shadow:0 0 22px #fbbf2480}}.checkin-active-glow{will-change:box-shadow}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-bounce-subtle{will-change:transform}.scale-102{transform:scale(1.02)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse,.animate-bounce,.animate-ping{will-change:opacity, transform;contain:layout style;transform:translateZ(0)}@keyframes ping{75%,to{opacity:0;transform:translateZ(0)scale(1.5)}}.text-\[8px\].animate-pulse,.text-\[9px\].animate-pulse{animation:none}.bg-stadium{will-change:auto;contain:layout style paint}[class*=blur-\[]{will-change:auto;contain:paint;pointer-events:none;transform:translateZ(0)}.pitch-container{will-change:transform;backface-visibility:hidden}.pitch-player-slot{backface-visibility:hidden;transform-style:flat}.glass-panel{contain:layout style}.app-container{isolation:isolate}@media (prefers-reduced-motion:reduce){.animate-pulse,.animate-bounce,.animate-ping,.animate-spin{animation:none!important}}