:root,.dark{--mundial-navy: #0a1628;--mundial-navy-light: #1a2840;--mundial-gold: #d4a843;--mundial-gold-light: #e8c56a;--mundial-blue: #1a73e8;--mundial-blue-light: #4a9eff;--mundial-gradient: linear-gradient(135deg, #0a1628 0%, #1a2840 50%, #0f1d32 100%);--mundial-gradient-gold: linear-gradient(135deg, #d4a843 0%, #e8c56a 50%, #c49a38 100%);--mundial-gradient-hero: linear-gradient(180deg, rgba(10,22,40,.95) 0%, rgba(26,40,64,.85) 100%);--mundial-card-bg: rgba(26, 40, 64, .5);--mundial-card-border: rgba(212, 168, 67, .15);--mundial-glow: 0 0 30px rgba(212, 168, 67, .15)}.light{--mundial-navy: #f0f4f8;--mundial-navy-light: #e4eaf2;--mundial-gold: #b8922e;--mundial-gold-light: #d4a843;--mundial-blue: #1a73e8;--mundial-blue-light: #4a9eff;--mundial-gradient: linear-gradient(135deg, #f0f4f8 0%, #e4eaf2 50%, #edf1f7 100%);--mundial-gradient-gold: linear-gradient(135deg, #b8922e 0%, #d4a843 50%, #a6831f 100%);--mundial-gradient-hero: linear-gradient(180deg, rgba(240,244,248,.95) 0%, rgba(228,234,242,.85) 100%);--mundial-card-bg: rgba(255, 255, 255, .8);--mundial-card-border: rgba(184, 146, 46, .2);--mundial-glow: 0 0 30px rgba(184, 146, 46, .1)}.mundial-hero{position:relative;padding:1.4rem 1rem;border-radius:1rem;background:var(--mundial-gradient);border:1px solid var(--mundial-card-border);overflow:hidden}.mundial-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(212,168,67,.08) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(26,115,232,.06) 0%,transparent 50%);pointer-events:none}@media(min-width:640px){.mundial-hero{padding:1.8rem 1.75rem}}@media(min-width:1024px){.mundial-hero{padding:2rem}}.mundial-countdown{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.mundial-countdown-unit{display:flex;flex-direction:column;align-items:center;padding:.65rem .85rem;border-radius:.75rem;background:#ffffff0d;border:1px solid rgba(212,168,67,.2);min-width:4.25rem;backdrop-filter:blur(8px)}.light .mundial-countdown-unit{background:#00000008;border-color:#b8922e33}.mundial-countdown-number{font-size:1.45rem;font-weight:900;line-height:1;background:var(--mundial-gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mundial-countdown-label{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}@media(min-width:640px){.mundial-countdown{gap:.75rem}.mundial-countdown-unit{padding:.75rem 1rem;min-width:5rem}.mundial-countdown-number{font-size:1.8rem}}.mundial-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.mundial-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.mundial-stat-card{text-align:center;padding:1.25rem;border-radius:.75rem;background:var(--mundial-card-bg);border:1px solid var(--mundial-card-border);transition:transform .2s ease,box-shadow .2s ease}.mundial-stat-card:hover{transform:translateY(-2px);box-shadow:var(--mundial-glow)}.mundial-stat-number{font-size:1.75rem;font-weight:900;line-height:1;color:var(--mundial-gold)}.mundial-stat-label{font-size:.8rem;color:var(--text-tertiary);margin-top:.375rem}.mundial-group-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:.75rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.mundial-group-card:hover{border-color:var(--mundial-gold);box-shadow:var(--mundial-glow)}.mundial-group-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--mundial-gradient);border-bottom:1px solid var(--mundial-card-border)}.mundial-group-letter{font-size:1.125rem;font-weight:900;color:var(--mundial-gold)}.mundial-team-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-bottom:1px solid var(--border-subtle);transition:background-color .15s ease}.mundial-team-row:last-child{border-bottom:none}.mundial-team-row:hover{background-color:var(--bg-elevated)}.mundial-team-flag{width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover;flex-shrink:0}.mundial-team-name{font-size:.9rem;font-weight:600;color:var(--text-primary);flex:1}.mundial-team-ranking{font-size:.75rem;color:var(--text-tertiary);padding:.125rem .5rem;background:var(--bg-muted);border-radius:9999px}.mundial-stadium-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:.75rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.mundial-stadium-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.mundial-stadium-img{width:100%;height:12rem;object-fit:cover}@media(min-width:640px){.mundial-stadium-img{height:14rem}}.mundial-stadium-body{padding:1rem}.mundial-stadium-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.mundial-stadium-city{font-size:.85rem;color:var(--text-tertiary)}.mundial-stadium-capacity{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--mundial-gold);margin-top:.5rem;padding:.25rem .625rem;background:#d4a8431a;border-radius:9999px}.mundial-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.mundial-nav-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.mundial-nav-grid{grid-template-columns:repeat(4,1fr)}}.mundial-nav-card{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.5rem 1rem;border-radius:.75rem;background:var(--bg-surface);border:1px solid var(--border-subtle);text-decoration:none;color:var(--text-primary);transition:all .2s ease}.mundial-nav-card:hover{border-color:var(--mundial-gold);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--mundial-glow)}.mundial-nav-icon{font-size:1.75rem}.mundial-nav-title{font-size:.875rem;font-weight:700;text-align:center}.mundial-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:1.25rem}.mundial-section-title:before{content:"";width:4px;height:1.5rem;border-radius:2px;background:var(--mundial-gradient-gold);flex-shrink:0}.mundial-faq details{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:.75rem;margin-bottom:.5rem;overflow:hidden}.mundial-faq summary{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;font-weight:600;color:var(--text-primary);list-style:none;transition:background-color .15s ease}.mundial-faq summary:hover{background:var(--bg-elevated)}.mundial-faq summary::-webkit-details-marker{display:none}.mundial-faq details[open] summary{border-bottom:1px solid var(--border-subtle)}.mundial-faq .faq-answer{padding:1rem 1.25rem;color:var(--text-secondary);font-size:.9rem;line-height:1.7}@keyframes mundial-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mundial-animate-in{animation:mundial-fade-up .5s ease-out both}.mundial-animate-in:nth-child(2){animation-delay:.1s}.mundial-animate-in:nth-child(3){animation-delay:.2s}.mundial-animate-in:nth-child(4){animation-delay:.3s}.mundial-animate-in:nth-child(5){animation-delay:.4s}.mundial-animate-in:nth-child(6){animation-delay:.5s}.mundial-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-tertiary);margin-bottom:1.5rem}.mundial-breadcrumb a{color:var(--text-tertiary);text-decoration:none;transition:color .15s}.mundial-breadcrumb a:hover{color:var(--mundial-gold)}@media(prefers-reduced-motion:reduce){.mundial-animate-in{animation:none}.mundial-stat-card:hover,.mundial-stadium-card:hover,.mundial-nav-card:hover{transform:none}}.mundial-badge-gold{color:var(--mundial-gold);background:#d4a84326;border-color:#d4a8434d}.light .mundial-badge-gold{color:#9a7620;background:#b8922e1a;border-color:#b8922e33}.mundial-btn-gold{background:var(--mundial-gradient-gold);color:#0a1628!important;border-color:transparent;box-shadow:0 0 15px #d4a8434d}.mundial-btn-gold:hover{filter:brightness(1.1);box-shadow:0 0 25px #d4a84380}