:root{--color-bg:#050506;--color-surface:#0d0d10;--color-surface-soft:#151519;--color-primary:#e30613;--color-primary-dark:#9f0710;--color-text:#f5f5f5;--color-text-muted:#a3a3a3;--color-border:#ffffff1f;--container-max:1180px;--page-padding:clamp(1rem, 4vw, 3rem);font-family:Inter,Cairo,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg)}.page{background:radial-gradient(circle at top, #e306131f, transparent 35%), var(--color-bg);min-height:100vh;color:var(--color-text);padding:var(--page-padding)}.page-container{width:100%;max-width:var(--container-max);min-height:calc(100vh - (var(--page-padding) * 2));justify-content:center;align-items:center;margin:0 auto;display:flex}.football-hero-animation{width:min(100%,560px);margin:0 auto}.pitch-frame{--pitch-line:#ffffff21;--pitch-line-soft:#ffffff13;--pitch-red:#e3061359;aspect-ratio:16/9;isolation:isolate;background:radial-gradient(circle,#e306132e,#0000 38%),radial-gradient(circle at 50% 0,#ffffff12,#0000 42%),linear-gradient(#ffffff0e,#ffffff03);border:1px solid #ffffff1c;border-radius:30px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 90px #e3061326,inset 0 0 55px #ffffff09,inset 0 0 120px #00000059}.pitch-frame:before{content:"";z-index:-1;opacity:.35;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.pitch-frame:after{content:"";z-index:-2;background:radial-gradient(circle,#e306132e,#0000 55%);animation:6s ease-in-out infinite alternate pitch-glow;position:absolute;inset:-40%}.pitch-inner-border{border:1px solid var(--pitch-line);border-radius:22px;position:absolute;inset:18px}.pitch-halfway-line{background:var(--pitch-line);width:1px;position:absolute;top:18px;bottom:18px;left:50%;transform:translate(-50%)}.pitch-center-circle{aspect-ratio:1;border:1px solid var(--pitch-red);border-radius:999px;width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #e3061324,inset 0 0 30px #e3061314}.pitch-center-spot{background:#f5f5f5;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #ffffff8c,0 0 26px #e3061380}.penalty-area{border:1px solid var(--pitch-line-soft);width:18%;height:52%;position:absolute;top:50%;transform:translateY(-50%)}.penalty-area-left{border-left:none;border-radius:0 18px 18px 0;left:18px}.penalty-area-right{border-right:none;border-radius:18px 0 0 18px;right:18px}.goal-box{border:1px solid var(--pitch-line-soft);width:7%;height:28%;position:absolute;top:50%;transform:translateY(-50%)}.goal-box-left{border-left:none;border-radius:0 12px 12px 0;left:18px}.goal-box-right{border-right:none;border-radius:12px 0 0 12px;right:18px}.penalty-spot{background:#ffffff59;border-radius:999px;width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.penalty-spot-left{left:15.5%}.penalty-spot-right{right:15.5%}.ball-orbit{aspect-ratio:1;width:34%;animation:4.8s linear infinite orbit-ball;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbit-ball{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ball-comet{width:18px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.led-ball{background:#f8f8f8;border-radius:999px;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #fff,0 0 12px #fffc,0 0 22px #e30613b3,0 0 44px #e3061373}.led-ball:before{content:"";filter:blur(4px);background:radial-gradient(circle,#e3061361,#e3061324 38%,#0000 70%);border-radius:999px;animation:1.8s ease-in-out infinite alternate led-pulse;position:absolute;inset:-18px}.led-ball:after{content:"";background:#e30613;border-radius:999px;position:absolute;inset:5px;box-shadow:0 0 8px #e30613,0 0 18px #e30613bf}.ball-trail{filter:blur(1px);opacity:.85;background:linear-gradient(90deg,#0000,#e306131a,#e3061340,#ffffff8c);border-radius:999px;width:82px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-95%,-50%)}@keyframes led-pulse{0%{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.2)}}@keyframes pitch-glow{0%{opacity:.65;transform:translate(-4%)translateY(-3%)}to{opacity:1;transform:translate(4%)translateY(3%)}}@media (width<=640px){.football-hero-animation{width:min(100%,380px)}.pitch-frame{border-radius:22px}.pitch-inner-border{border-radius:16px;inset:14px}.pitch-halfway-line{top:14px;bottom:14px}.penalty-area-left,.goal-box-left{left:14px}.penalty-area-right,.goal-box-right{right:14px}.ball-comet{width:28px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.led-ball{width:18px;height:18px;position:absolute;top:50%;left:50%}.ball-trail{width:58px}}.landing-hero{text-align:center;width:100%;max-width:760px}.landing-kicker{color:var(--color-primary);letter-spacing:.24em;text-transform:uppercase;margin:2rem 0 .85rem;font-size:.78rem;font-weight:800}.landing-title{color:var(--color-text);letter-spacing:-.06em;margin:0;font-size:clamp(3.4rem,10vw,7rem);font-weight:900;line-height:.9}.landing-title span{color:var(--color-primary)}.landing-description{max-width:560px;color:var(--color-text-muted);margin:1.25rem auto 2.25rem;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.7}