:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-hover: #252540;--text: #e8e8f0;--text-dim: #8888a0;--accent: #f5c518;--accent2: #e74c3c;--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32;--green: #2ecc71;--radius: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-card);border-bottom:1px solid #2a2a4a;position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700}.nav-logo{font-size:1.5rem}.nav-links{display:flex;gap:8px}.nav-link{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s}.nav-link:hover{background:var(--bg-hover)}.nav-link.active{background:var(--accent);color:#000}.hero{text-align:center;padding:60px 0 40px}.hero h1{font-size:2.8rem;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--accent),#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.15rem;color:var(--text-dim);max-width:600px;margin:0 auto 32px}.hero-actions{display:flex;gap:12px;justify-content:center}.btn{display:inline-flex;align-items:center;padding:12px 28px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s}.btn-sm{padding:6px 16px;font-size:.8rem}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#e0b000;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid #3a3a5a}.btn-secondary:hover{background:var(--bg-hover)}.btn-outline{background:transparent;color:var(--text);border:1px solid #3a3a5a}.btn-outline:hover{background:var(--bg-card)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:32px 0}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:24px;text-align:center;border:1px solid #2a2a4a}.stat-number{display:block;font-size:2.2rem;font-weight:800;color:var(--accent)}.stat-label{color:var(--text-dim);font-size:.9rem}.titles-list{display:flex;flex-direction:column;gap:8px;margin:16px 0 32px}.title-row{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--bg-card);border-radius:var(--radius);border:1px solid #2a2a4a}.title-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#000;font-weight:700;font-size:.9rem}.title-nation{flex:1;font-weight:600}.title-count{color:var(--accent);font-weight:700}.page{padding:16px 0}.page h1{font-size:2rem;margin-bottom:4px}.page h2{font-size:1.4rem;margin:32px 0 16px;color:var(--accent)}.subtitle{color:var(--text-dim);margin-bottom:24px}.tournament-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tournament-card{background:var(--bg-card);border-radius:var(--radius);padding:24px;border:1px solid #2a2a4a;transition:all .2s}.tournament-card:hover{border-color:var(--accent);transform:translateY(-2px)}.tournament-year{font-size:2rem;font-weight:800;color:var(--accent)}.tournament-host{color:var(--text-dim);margin:4px 0 12px}.tournament-winner{font-weight:600;font-size:1.1rem;margin-bottom:12px}.tournament-stats{display:flex;gap:16px;font-size:.8rem;color:var(--text-dim)}.trophy{font-size:1.2rem}.tournament-header{margin-bottom:8px}.tournament-header .host{color:var(--text-dim);font-size:1.1rem}.back-link{display:inline-block;color:var(--text-dim);margin-bottom:16px;font-size:.9rem}.back-link:hover{color:var(--accent)}.podium{display:flex;justify-content:center;gap:16px;margin:24px 0}.podium-item{background:var(--bg-card);border-radius:var(--radius);padding:20px 28px;text-align:center;border:1px solid #2a2a4a;flex:1;max-width:220px}.podium-medal{font-size:2rem;display:block;margin-bottom:4px}.podium-label{display:block;font-size:.8rem;color:var(--text-dim)}.podium-team{display:block;font-weight:700;font-size:1.1rem;margin-top:4px}.podium-item.gold{border-color:var(--gold)}.podium-item.silver{border-color:var(--silver)}.podium-item.bronze{border-color:var(--bronze)}.tournament-stats-bar{display:flex;justify-content:center;gap:32px;padding:16px;background:var(--bg-card);border-radius:var(--radius);margin:16px 0 24px}.matches-list{display:flex;flex-direction:column;gap:8px}.match-card{display:flex;flex-direction:column;gap:6px;padding:14px 20px;background:var(--bg-card);border-radius:var(--radius);border:1px solid #2a2a4a;transition:all .15s}.match-card:hover{border-color:var(--accent);background:var(--bg-hover)}.match-info{display:flex;gap:12px;font-size:.8rem;color:var(--text-dim)}.match-stage{text-transform:uppercase;letter-spacing:.5px}.match-teams{display:flex;align-items:center;gap:16px;font-size:1.05rem;font-weight:600}.match-teams span:first-child{text-align:right;flex:1}.match-teams span:last-child{text-align:left;flex:1}.match-score{font-size:1.3rem;font-weight:800;color:var(--accent);min-width:60px;text-align:center}.winner{color:var(--green)}.match-venue{font-size:.8rem;color:var(--text-dim)}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.match-badge{padding:6px 16px;background:var(--bg-card);border-radius:20px;font-size:.85rem;border:1px solid #2a2a4a}.match-date-large{color:var(--text-dim)}.match-hero{display:flex;align-items:center;justify-content:center;gap:24px;padding:40px 20px;background:var(--bg-card);border-radius:var(--radius);border:1px solid #2a2a4a;margin-bottom:16px}.match-team-box{text-align:center;min-width:120px}.team-flag{font-size:3rem;display:block;margin-bottom:8px}.team-name-large{font-size:1.3rem;font-weight:700;display:block}.match-team-box.is-winner .team-name-large{color:var(--green)}.winner-badge{display:inline-block;margin-top:6px;padding:2px 10px;background:var(--green);color:#000;border-radius:12px;font-size:.75rem;font-weight:700}.match-score-display{display:flex;align-items:center;gap:12px}.score-big{font-size:3.5rem;font-weight:800}.score-sep{font-size:2rem;color:var(--text-dim)}.penalty-note{display:block;font-size:.8rem;color:var(--text-dim);margin-top:8px}.match-venue-box{display:flex;justify-content:center;gap:32px;padding:12px;color:var(--text-dim);font-size:.9rem;margin-bottom:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.filters select{padding:8px 14px;border-radius:8px;border:1px solid #3a3a5a;background:var(--bg-card);color:var(--text);font-size:.85rem;cursor:pointer}.search-input{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid #3a3a5a;background:var(--bg-card);color:var(--text);font-size:1rem;margin-bottom:24px}.search-input:focus{outline:none;border-color:var(--accent)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.team-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-card);border-radius:var(--radius);border:1px solid #2a2a4a;transition:all .15s}.team-card:hover{border-color:var(--accent);transform:translateY(-1px)}.team-card-name{font-weight:600}.team-card-code{font-size:.8rem;color:var(--text-dim)}.team-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.team-code{padding:4px 12px;background:var(--bg-card);border-radius:6px;font-size:.85rem;color:var(--text-dim);border:1px solid #2a2a4a}.moments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.moment-card{display:flex;gap:16px;padding:18px;background:var(--bg-card);border-radius:var(--radius);border:1px solid #2a2a4a;transition:all .2s;cursor:pointer}.moment-card:hover{border-color:var(--accent);transform:translateY(-2px)}.moment-play{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#000;border-radius:50%;font-size:1.2rem}.moment-info h3{font-size:.95rem;margin-bottom:4px;line-height:1.3}.moment-info p{font-size:.82rem;color:var(--text-dim);line-height:1.4;margin-bottom:8px}.moment-meta{display:flex;gap:8px;margin-bottom:6px}.moment-year{font-size:.75rem;color:var(--accent);font-weight:600}.moment-category{display:inline-block;padding:2px 8px;background:#2a2a4a;border-radius:10px;font-size:.7rem;text-transform:capitalize}.moment-match{display:block;font-size:.75rem;color:var(--text-dim)}.youtube-embed{margin-top:12px;border-radius:var(--radius);overflow:hidden;border:1px solid #2a2a4a}.embed-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-hover);font-size:.85rem}.embed-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px}.embed-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;line-height:1}.embed-close:hover{color:var(--text);background:#ffffff1a}.embed-player{position:relative;width:100%;padding-bottom:56.25%;background:#000}.embed-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.embed-error{padding:16px;text-align:center;color:var(--accent2);background:var(--bg-card);border-radius:var(--radius);margin-top:12px}@media(max-width:768px){.hero h1{font-size:2rem}.navbar{flex-direction:column;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center}.podium{flex-direction:column;align-items:center}.match-hero{flex-direction:column;gap:16px}.score-big{font-size:2.5rem}.moments-grid{grid-template-columns:1fr}}