*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;color:#333;margin-bottom:30px;background:#f8f9fa;padding:30px;border-radius:20px;border:1px solid #e9ecef}.header h1{font-size:3rem;margin-bottom:10px;color:#2c3e50}.header p{font-size:1.2rem;color:#6c757d}.search-container{margin-bottom:30px;text-align:center}.search-box{display:flex;gap:10px;max-width:600px;margin:0 auto;background:#f8f9fa;border-radius:25px;padding:10px 20px;border:1px solid #e9ecef}.search-input{flex:1;padding:10px;border:1px solid #ced4da;border-radius:15px;font-size:1rem;color:#333;background:#fff;outline:none}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgb(102 126 234 / .25)}.search-input::placeholder{color:#6c757d}.search-btn,.clear-btn{background:#667eea;color:#fff;border:none;padding:10px 15px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all 0.3s ease}.search-btn:hover,.clear-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.tab-btn{background:#f8f9fa;color:#333;border:1px solid #e9ecef;padding:15px 30px;border-radius:25px;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease}.tab-btn:hover{background:#e9ecef;transform:translateY(-2px)}.tab-btn.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 4px 15px rgb(102 126 234 / .2)}.tab-content{display:none}.tab-content.active{display:block}.leagues-container{display:grid;gap:25px}.league-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgb(0 0 0 / .1);border:1px solid #e9ecef}.league-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 25px;font-weight:700;font-size:1.3rem;display:flex;justify-content:space-between;align-items:center}.league-count{background:rgb(255 255 255 / .2);padding:5px 15px;border-radius:20px;font-size:.9rem}.match-item{display:flex;align-items:center;padding:20px 25px;border-bottom:1px solid #eee;transition:all 0.3s ease}.match-item:hover{background-color:#f8f9fa;transform:scale(1.02)}.team{flex:1;text-align:center;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px}.team-logo{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #ddd;opacity:0;transition:opacity 0.3s ease;background:#f0f0f0}.team-logo[src*="data:image"]{opacity:1}.score{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1.2rem;margin:0 20px;min-width:80px;text-align:center;display:flex;align-items:center;justify-content:center}.country-badge{background:#17a2b8;color:#fff;padding:3px 8px;border-radius:10px;font-size:.7rem;margin-right:10px}.group-badge{background:#28a745;color:#fff;padding:3px 8px;border-radius:10px;font-size:.7rem;margin-right:10px;font-weight:700}.error{background:#dc3545;color:#fff;padding:20px;border-radius:15px;text-align:center;margin:20px 0;font-size:1.1rem}.error h3{margin-bottom:15px;font-size:1.3rem}.error p{margin-bottom:20px;opacity:.9}.retry-btn{background:#fff;color:#dc3545;border:2px solid #fff;padding:10px 25px;border-radius:25px;font-size:1rem;cursor:pointer;transition:all 0.3s ease;font-weight:700}.retry-btn:hover{background:#fff0;color:#fff;transform:translateY(-2px)}.load-more-btn{background:#28a745;color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1rem;cursor:pointer;transition:all 0.3s ease;font-weight:700;box-shadow:0 4px 15px rgb(40 167 69 / .3)}.load-more-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 6px 20px rgb(40 167 69 / .4)}.pagination-info{margin:20px 0}.loading{text-align:center;color:#6c757d;font-size:1.5rem;margin:50px 0}.spinner{border:4px solid #e9ecef;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}