:root{--emerald: #10b981;--emerald-deep: #064e3b;--emerald-glow: rgba(16, 185, 129, .35);--gold: #f5c451;--gold-2: #e9a93c;--gold-glow: rgba(245, 196, 81, .3);--live: #ff3b5c;--live-glow: rgba(255, 59, 92, .45);--bg-0: #04100b;--bg-1: #061611;--ink: #eaf2ee;--ink-dim: #9fb2ab;--ink-faint: #6f8279;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .1);--radius: 18px;--radius-sm: 12px;--radius-lg: 26px;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .35);--shadow: 0 18px 44px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px var(--glass-border), 0 20px 50px rgba(0, 0, 0, .55);--font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display: "Sora", "Inter", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-ui);color:var(--ink);background-color:var(--bg-0);background-image:radial-gradient(1100px 700px at 85% -15%,rgba(16,185,129,.18),transparent 60%),radial-gradient(900px 600px at 5% 0%,rgba(245,196,81,.1),transparent 55%),radial-gradient(1200px 800px at 50% 120%,rgba(16,185,129,.1),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);z-index:0}a{color:var(--gold);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}.app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;background:#05120db8;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}.topbar__inner{max-width:1160px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-family:var(--font-display);font-size:20px;font-weight:800}.brand__ball{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));box-shadow:0 6px 18px var(--emerald-glow),inset 0 1px #ffffff40}.brand__text{letter-spacing:-.01em}.brand__text strong{background:linear-gradient(135deg,var(--gold),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:2px;flex-wrap:wrap;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--line)}.nav__link{position:relative;color:var(--ink-dim);padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;transition:color .2s var(--ease),background .2s var(--ease)}.nav__link:hover{color:var(--ink)}.nav__link.active{color:#06231a;background:linear-gradient(135deg,var(--gold),var(--gold-2));box-shadow:0 6px 16px var(--gold-glow)}.container{width:100%;max-width:1160px;margin:0 auto;padding:30px 20px 64px;flex:1;animation:page-in .4s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.page-head{margin-bottom:22px}.page-head h2{margin:0;font-size:30px;font-weight:800}.muted{color:var(--ink-dim)}.empty{color:var(--ink-dim);padding:40px;text-align:center;background:var(--glass);border:1px dashed var(--line-strong);border-radius:var(--radius)}.hero{position:relative;overflow:hidden;text-align:center;padding:54px 24px 46px;border-radius:var(--radius-lg);background:linear-gradient(160deg,#10b98138,#06161199),radial-gradient(120% 120% at 50% -20%,rgba(245,196,81,.16),transparent 60%);border:1px solid var(--glass-border);box-shadow:var(--shadow);margin-bottom:34px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 50% 0%,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.hero h1{position:relative;margin:0 0 8px;font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.02;background:linear-gradient(180deg,#fff,#bfe9d6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{position:relative;margin:0 0 26px;font-size:17px;color:var(--ink-dim);letter-spacing:.02em}.hero-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:620px;margin:0 auto}.stat{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:18px 10px;color:var(--ink);display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.stat:hover{transform:translateY(-4px);border-color:var(--gold-glow);box-shadow:0 14px 30px #0006}.stat strong{font-family:var(--font-display);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--gold),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.block{margin-bottom:38px}.block__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.block__title{position:relative;font-size:21px;font-weight:700;margin:0 0 16px;padding-left:14px}.block__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:.95em;border-radius:3px;background:linear-gradient(180deg,var(--gold),var(--emerald))}.block__head .block__title{margin-bottom:0}.link{font-size:14px;font-weight:600;color:var(--gold);transition:opacity .2s var(--ease)}.link:hover{opacity:.8}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.chip{border:1px solid var(--line-strong);background:var(--glass);color:var(--ink-dim);padding:8px 16px;border-radius:999px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s var(--ease)}.chip:hover{color:var(--ink);border-color:var(--gold-glow);transform:translateY(-1px)}.chip.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#06231a;border-color:transparent;box-shadow:0 6px 16px var(--gold-glow)}.chip-live.active{background:linear-gradient(135deg,var(--live),#d61f43);color:#fff;box-shadow:0 6px 16px var(--live-glow)}.match-day{margin-bottom:30px}.match-day__label{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink);padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.match-day__stage{font-size:12px;color:var(--gold);font-weight:600;letter-spacing:.04em}.match-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.match-card{position:relative;display:block;background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px 18px;color:var(--ink);text-decoration:none;cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.match-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% -20%,rgba(255,255,255,.06),transparent 60%);pointer-events:none}.match-card:hover{transform:translateY(-4px);border-color:var(--gold-glow);box-shadow:var(--shadow),0 0 0 1px var(--gold-glow)}.match-card.live{border-color:#ff3b5c80;box-shadow:0 0 0 1px #ff3b5c66,0 14px 34px #ff3b5c1f}.match-card__top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-dim);margin-bottom:14px;min-height:22px}.match-time{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}.match-yourtime{font-size:11px;font-weight:600;color:var(--emerald);background:#10b9811f;border:1px solid rgba(16,185,129,.28);padding:2px 9px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}.match-card__top .badge-live{margin-left:auto}.match-card__venue{display:flex;align-items:center;gap:5px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card__venue .pin{opacity:.7}.badge{font-size:11px;padding:3px 9px;border-radius:999px;font-weight:700;letter-spacing:.04em}.badge-live{background:linear-gradient(135deg,var(--live),#d61f43);color:#fff;box-shadow:0 0 14px var(--live-glow);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--live-glow)}50%{box-shadow:0 0 0 6px #ff3b5c00}}.match-card__body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.match-team{display:flex;align-items:center}.match-team.away{justify-content:flex-end}.match-score .score{font-family:var(--font-display);font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:1px}.match-score .sep{margin:0 7px;color:var(--ink-faint)}.match-score .vs{color:var(--ink-faint);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.match-scorers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--ink-dim)}.match-scorers ul{list-style:none;margin:0;padding:0}.match-scorers .away{text-align:right}.team-badge{display:inline-flex;align-items:center;gap:9px;font-weight:600}.team-badge.reverse{flex-direction:row-reverse;text-align:right}.flag{border-radius:4px;object-fit:cover;box-shadow:0 1px 4px #00000080,0 0 0 1px #ffffff14}.flag-placeholder{display:inline-flex;align-items:center;justify-content:center}.team-code{font-size:11px;color:var(--ink-dim);background:var(--glass-2);border:1px solid var(--line);padding:1px 7px;border-radius:6px;font-variant-numeric:tabular-nums}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.group-card{background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-border);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.group-card__title{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.group-card__title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 10px var(--emerald-glow)}.standings{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.standings th{text-align:center;color:var(--ink-faint);font-weight:600;font-size:11px;letter-spacing:.04em;padding:6px 4px;border-bottom:1px solid var(--line)}.standings td{text-align:center;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.04)}.standings tbody tr{transition:background .15s var(--ease)}.standings tbody tr:hover{background:#ffffff08}.standings th.team,.standings td.team{text-align:left}.standings .pos{width:26px;color:var(--ink-dim);font-weight:700}.standings .pts{font-weight:800;color:var(--ink)}.standings tr.qualify td.pos{color:var(--emerald)}.standings tr.qualify td:first-child{box-shadow:inset 3px 0 0 var(--emerald)}.search{width:100%;max-width:380px;padding:12px 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--glass);color:var(--ink);margin-bottom:24px;font-size:14px;font-family:var(--font-ui);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.search::placeholder{color:var(--ink-faint)}.search:focus{outline:none;border-color:var(--gold-glow);box-shadow:0 0 0 3px var(--gold-glow)}.team-group{margin-bottom:28px}.team-group__title{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 14px;display:flex;align-items:center;gap:8px}.team-group__title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.team-tile{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--ink);text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.team-tile:hover{transform:translateY(-3px);border-color:var(--gold-glow);box-shadow:var(--shadow-sm),0 0 0 1px var(--gold-glow)}.team-link{color:var(--ink);text-decoration:none;transition:color .2s var(--ease)}.team-link:hover{color:var(--gold)}.team-tile__flag{width:44px;height:30px;object-fit:cover;border-radius:5px;box-shadow:0 1px 4px #00000080,0 0 0 1px #ffffff14}.team-tile__info{display:flex;flex-direction:column;gap:1px}.team-tile__name{font-weight:700;font-size:14px}.team-tile__code{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.stadium-country{margin-bottom:30px}.stadium-country__title{font-size:18px;font-weight:700;margin:0 0 16px}.stadium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.stadium-card{background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-border);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.stadium-card:hover{transform:translateY(-3px);border-color:var(--emerald-glow);box-shadow:var(--shadow-sm),0 0 0 1px var(--emerald-glow)}.stadium-card__name{margin:0 0 4px;font-size:16px;font-weight:700}.stadium-card__city{margin:0 0 12px;color:var(--ink-dim);font-size:13px}.stadium-card__cap{margin:0;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.stadium-card__fifa{margin:10px 0 0;font-size:12px;color:var(--ink-faint)}.banner{padding:13px 16px;border-radius:var(--radius-sm);margin-bottom:18px;font-size:14px}.banner-error{background:#ff3b5c1f;border:1px solid rgba(255,59,92,.45)}.btn-inline{margin-left:8px;background:linear-gradient(135deg,var(--live),#d61f43);color:#fff;border:none;border-radius:8px;padding:5px 12px;cursor:pointer;font-weight:700;font-family:var(--font-ui)}.loader{padding:8px 0}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:26px}.skeleton{position:relative;overflow:hidden;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius)}.skeleton-card{height:120px}.skeleton-hero{height:220px;border-radius:var(--radius-lg);margin-bottom:26px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.footer{border-top:1px solid var(--line);padding:22px;text-align:center;color:var(--ink-faint);font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;font-weight:600;font-size:14px;color:var(--ink-dim);transition:color .2s var(--ease),transform .2s var(--ease)}.back-link:hover{color:var(--gold);transform:translate(-3px)}.detail-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;background:linear-gradient(150deg,#10b98138,#06161199);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px;margin-bottom:30px;box-shadow:var(--shadow)}.detail-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 100% at 0% 0%,rgba(245,196,81,.14),transparent 60%);pointer-events:none}.detail-hero__flag{width:96px;height:64px;object-fit:cover;border-radius:8px;box-shadow:0 4px 14px #0009,0 0 0 1px #ffffff1f}.detail-hero__name{margin:0;font-size:32px;font-weight:800}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.stat-pill{background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-pill strong{font-family:var(--font-display);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--gold),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-pill span{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-dim)}.match-detail{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.match-detail__meta{text-align:center;color:var(--ink-dim);font-size:13px;margin-bottom:22px}.match-detail__stage{color:var(--gold);font-weight:700;letter-spacing:.04em}.match-detail__score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.match-detail__team{display:flex}.match-detail__team:last-child{justify-content:flex-end}.team-link-col{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;text-align:center;transition:color .2s var(--ease),transform .2s var(--ease)}.team-link-col:hover{color:var(--gold);transform:translateY(-2px)}.team-link-col img{width:72px;height:48px;object-fit:cover;border-radius:7px;box-shadow:0 4px 12px #0009,0 0 0 1px #ffffff1a}.match-detail__center{display:flex;flex-direction:column;align-items:center;gap:8px}.big-score{font-family:var(--font-display);font-size:44px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:1px}.big-score .sep{color:var(--ink-faint)}.big-vs{font-size:22px;color:var(--ink-faint);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.match-detail__status{font-size:12px;color:var(--ink-dim);padding:4px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--line)}.match-detail__scorers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);font-size:13px;color:var(--ink-dim)}.match-detail__scorers ul{list-style:none;margin:0;padding:0}.match-detail__scorers ul.right{text-align:right}.match-detail__info{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}.info-row{display:flex;justify-content:space-between;font-size:14px}.info-label{color:var(--ink-dim)}@media (max-width: 560px){.hero-stats{grid-template-columns:repeat(2,1fr)}.match-list,.groups-grid,.skeleton-grid{grid-template-columns:1fr}.big-score{font-size:32px}.team-link-col img{width:54px;height:36px}.detail-hero{flex-direction:column;text-align:center}.nav{width:100%;justify-content:center}}