:root{--primary-color:#0f4c81;--secondary-color:#d92b34;--accent-color:#009639;--dark-bg:#0b0f19;--light-bg:#f5f7fa;--card-bg:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--hero-overlay:rgba(11,15,25,0.85);--border-radius:12px;--transition:all 0.3s ease}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--light-bg);color:var(--text-main);line-height:1.6}.navbar{background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 2px 15px rgba(0,0,0,0.05);padding:15px 0;transition:var(--transition)}.navbar-brand{font-weight:800;color:var(--primary-color) !important;display:flex;align-items:center;gap:10px}.navbar-brand img{height:40px;width:auto}.nav-link{font-weight:600;color:var(--text-main) !important;margin:0 5px;transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--secondary-color) !important}.hero-section{position:relative;background-color:var(--dark-bg);color:#ffffff;padding:100px 0 140px;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,76,129,0.95) 0%,rgba(11,15,25,0.9) 100%);z-index:1}.hero-content{position:relative;z-index:2}.hero-title h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hero-title span{color:var(--secondary-color)}.hero-badge{background-color:var(--accent-color);color:#ffffff;padding:6px 16px;border-radius:50px;font-size:0.9rem;font-weight:700;display:inline-block;margin-bottom:20px}.hero-img-wrapper{position:relative;z-index:2;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.3)}.hero-img-wrapper img{width:100%;height:auto;object-fit:cover}.section-title{text-align:center;margin-bottom:50px;position:relative}.section-title h2{font-size:2.2rem;font-weight:800;color:var(--primary-color);margin-bottom:15px}.section-title p{color:var(--text-muted);max-width:600px;margin:0 auto}.section-title::after{content:'';display:block;width:60px;height:4px;background-color:var(--secondary-color);margin:15px auto 0;border-radius:2px}.custom-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:24px;box-shadow:var(--card-shadow);transition:var(--transition);height:100%}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.08)}.score-board{background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);color:#ffffff;border-radius:var(--border-radius);padding:20px;margin-bottom:20px}.score-team{display:flex;flex-direction:column;align-items:center;justify-content:center}.score-team .team-logo-placeholder{width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px;border:2px solid rgba(255,255,255,0.2)}.score-number{font-size:2rem;font-weight:800;color:#ffffff;padding:0 15px}.score-status{font-size:0.85rem;padding:4px 12px;border-radius:50px;background-color:rgba(255,255,255,0.15);color:#ffffff;display:inline-block}.score-status.live{background-color:var(--secondary-color);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.schedule-timeline{position:relative}.schedule-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color)}.schedule-item:last-child{border-bottom:none}.schedule-date{width:120px;flex-shrink:0;font-weight:700;color:var(--primary-color)}.schedule-match-info{flex-grow:1;padding:0 20px}.group-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:20px}.group-table th{background-color:var(--primary-color);color:#ffffff;padding:10px 15px;font-weight:600}.group-table td{padding:10px 15px;border-bottom:1px solid var(--border-color);background-color:#ffffff}.group-table tr:last-child td{border-bottom:none}.group-card-header{background-color:var(--primary-color);color:#ffffff;padding:12px 20px;font-weight:700;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.team-profile-card{text-align:center;padding:30px 20px}.team-flag-icon{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color)}.guide-box{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.guide-icon{background-color:rgba(15,76,129,0.1);color:var(--primary-color);padding:15px;border-radius:var(--border-radius);font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.faq-item{margin-bottom:15px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#ffffff;overflow:hidden}.faq-question{padding:18px 20px;font-weight:700;color:var(--text-main);background-color:#ffffff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.faq-question:hover{background-color:rgba(15,76,129,0.02)}.faq-answer{padding:0 20px 18px;color:var(--text-muted);background-color:#ffffff}footer{background-color:var(--dark-bg);color:#94a3b8;padding:60px 0 30px}footer h5{color:#ffffff;font-weight:700;margin-bottom:20px}footer a{color:#94a3b8;text-decoration:none;transition:var(--transition)}footer a:hover{color:#ffffff}@media (max-width:991.98px){.hero-title h1{font-size:2.2rem}.hero-section{padding:60px 0 80px}.schedule-item{flex-direction:column;align-items:flex-start;gap:8px}.schedule-date{width:auto}.schedule-match-info{padding:0}.scroll-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}