/* Site identity only. The approved match surface is deliberately untouched. */
:root{--bg:#06151f;--panel:#0c2430;--edge:#244650;--text:#f5fbf6;--muted:#acc4cf;--pink:#65f7a0;--purple:#79c9ff;--green:#ffe174;--light:#e5f9f3}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 0 0,#0c624944,transparent 48%),radial-gradient(ellipse at 100% 35%,#145d9333,transparent 45%);background-attachment:fixed}
.app{max-width:1480px;padding:26px 34px}header{border-bottom:1px solid #53b9a329;padding-bottom:24px}.wordmark{font-size:25px;letter-spacing:-.7px}.wordmark small{color:#f2d778!important;font-size:10px!important}.brand-home{background:transparent!important;border:0!important;padding:0}.brand-home img{width:66px;height:70px;filter:drop-shadow(0 0 12px #ffe1741a)}.online{background:#0b3540;border:1px solid #397a7f;color:#d3fbe7}.nav{gap:8px;margin:24px 0}.nav button{border:1px solid transparent;border-radius:12px;padding:13px 18px}.nav button.active{border-color:#5df1a347;background:linear-gradient(115deg,#0e493d,#153a46);color:#e7ffb8;box-shadow:inset 0 -2px #ffe174}.nav button:hover{color:white;background:#153a45}
.hero{padding:clamp(28px,4vw,58px);min-height:410px;border-radius:28px;border:1px solid #477e7d;background:linear-gradient(110deg,#0b3c32ef,#083344ed 60%,#0c2e5a);box-shadow:inset 0 1px #c7fbe22b,0 24px 60px #0003}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 57%,#9bffb60d 57% 58%,transparent 58% 73%,#7ac7ff12 73% 74%,transparent 74%)}.hero:after{border-color:#9be5c52b;bottom:-130px}.hero .tag{color:#e7d884;font-size:10px;letter-spacing:3px}.hero h1{font-size:clamp(46px,5.7vw,80px);line-height:1.01;letter-spacing:-3.5px;max-width:740px;z-index:1}.hero h1 em{color:#c6ffbd}.hero p{color:#d0e7e1;max-width:570px}.hero .ball{background:none!important;border-radius:0!important;object-fit:contain;transform:none!important;opacity:1!important;width:330px!important;height:360px!important;right:5%!important;top:22px!important;filter:drop-shadow(0 18px 28px #0006)}.hero-actions{display:flex;gap:12px;position:relative;z-index:1;flex-wrap:wrap;margin:24px 0}.hero-actions button{padding:15px 21px;border-radius:11px;font-size:12px;letter-spacing:.5px}.primary{background:linear-gradient(115deg,#8af3a8,#d8f39a);color:#092f2a;box-shadow:0 3px 0 #1f6952}.hero-actions button:not(.primary){background:#ffffff08;border:1px solid #ffffff38;color:#effff7}.metrics{position:relative;z-index:1;gap:38px}.metrics strong{font-variant-numeric:tabular-nums;color:#f6fbf3}.metrics small{letter-spacing:1.4px;font-size:9px}
.panel,.competition,.saved-card{background:linear-gradient(145deg,#102a36f5,#0b222cf5);border-color:#2b4a55;box-shadow:inset 0 1px #c1f3e807}.competition{border-radius:20px;padding:25px;transition:border-color .18s,transform .18s}.competition:hover{border-color:#8cefa5;transform:translateY(-3px)}.competition .count{color:#9fe4ff}.competition b{color:#f0faf7}.competition-country>h3{color:#c4e2dc;letter-spacing:3px;font-size:11px}.filters button{background:#102833;color:#c5dde3;border-color:#2d4f5e}.filters button.active{background:#caffd2;color:#133e32;border-color:#d6ffd5}.section-head h2{font-size:28px}.team-card{background:radial-gradient(ellipse at top,#365d6244,transparent)}.stage-banner{background:linear-gradient(115deg,#155342,#123f60);border:1px solid #386b6c}.stage-banner .round{color:#ffe174}.career-hero{background:linear-gradient(115deg,#113e39,#123d61)}button{background:#18333e;border-color:#365460}input,select{background:#0a202a;border-color:#31505d}.tag{color:#c9f8af}.settings-panel{border-top:3px solid #dfeb88}.daily-card{border-top:2px solid #68d5bd}.daily-card h3{line-height:1.35}footer{color:#98b7bd}
@media(max-width:1050px){.hero .ball{right:-25px!important;opacity:.38!important}.hero h1{max-width:690px}.hero p{max-width:540px}}@media(max-width:720px){.app{padding:16px}.hero{min-height:430px}.hero .ball{width:240px!important;height:270px!important;right:-90px!important;top:80px!important;opacity:.14!important}.hero h1{font-size:50px;letter-spacing:-2px}.nav button{padding:10px 9px;font-size:11px}.metrics{gap:22px}.wordmark{font-size:20px}.brand-home img{width:50px;height:55px}.hero-actions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.competition{transition:none}.competition:hover{transform:none}}
.nav{flex-wrap:wrap}.hero-actions button:focus-visible{outline:3px solid #ffe174;outline-offset:5px}.competition:focus-visible{outline:3px solid #ffe174;outline-offset:4px}.competition-country>h3{display:flex;align-items:center;gap:16px}.competition-country>h3:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#70d4ae55,#79c9ff11)}
@media(min-width:1051px){.hero{padding-right:390px}.hero h1{font-size:clamp(46px,5vw,72px);letter-spacing:-2.5px}.hero .ball{right:32px!important;width:310px!important}}
@media(max-width:480px){header{align-items:flex-start;flex-wrap:wrap}.hero h1{font-size:42px}.hero{padding:26px 22px}.metrics{gap:16px;flex-wrap:wrap}.metrics small{font-size:8px}.section-head{align-items:flex-start;flex-direction:column}.nav{gap:4px}.nav button{min-height:42px}}