:root{--primary-color:#0d5c3a;--primary-glow:#1b8a56;--secondary-color:#e3a813;--text-dark:#1f2a24;--text-muted:#596b61;--light-bg:#f5fcf8;--card-border:#e0ebe3;--accent-bg:#eef7f2;--white:#ffffff}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--text-dark);background-color:var(--light-bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--primary-color)}.navbar{background-color:var(--white);box-shadow:0 2px 15px rgba(13,92,58,0.08);border-bottom:3px solid var(--secondary-color);padding:0.8rem 1rem}.navbar-brand img{max-height:48px;width:auto;margin-right:10px}.navbar-brand span{font-weight:800;color:var(--primary-color);letter-spacing:0.5px}.nav-link{color:var(--text-dark);font-weight:600;margin:0 6px;transition:color 0.3s ease}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.hero-section{background:linear-gradient(135deg,#0d5c3a 0%,#063d25 100%);color:var(--white);padding:5rem 0;border-bottom:8px solid var(--secondary-color);position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(227,168,19,0.15) 0%,transparent 50%);pointer-events:none}.hero-title{font-size:2.75rem;font-weight:900;line-height:1.25;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,0.2);margin-bottom:1.5rem}.hero-title span{color:var(--secondary-color)}.hero-subtitle{font-size:1.15rem;color:rgba(255,255,255,0.9);margin-bottom:2rem;line-height:1.7}.hero-image-container{position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.3);border-radius:14px;overflow:hidden}.section-padding{padding:4.5rem 0}.section-title{position:relative;margin-bottom:3rem;text-align:center}.section-title h2{font-size:2.25rem;display:inline-block;padding-bottom:0.75rem;color:var(--primary-color)}.section-title h2::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80px;height:4px;background-color:var(--secondary-color);border-radius:2px}.section-desc{color:var(--text-muted);max-width:700px;margin:0.5rem auto 0 auto}.custom-card{background-color:var(--white);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px rgba(13,92,58,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;overflow:hidden}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(13,92,58,0.08)}.card-header-accent{background-color:var(--accent-bg);border-bottom:1px solid var(--card-border);padding:1rem 1.25rem;font-weight:700;color:var(--primary-color)}.match-card{background:var(--white);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:all 0.3s ease}.match-card:hover{border-color:var(--primary-color);box-shadow:0 5px 15px rgba(13,92,58,0.05)}.match-badge{background-color:var(--accent-bg);color:var(--primary-color);font-weight:700;font-size:0.8rem;padding:0.25rem 0.75rem;border-radius:50px;display:inline-block}.team-logo-placeholder{width:42px;height:42px;background-color:#f0f4f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--primary-color);font-size:0.9rem;border:1px solid var(--card-border)}.match-time{font-size:0.85rem;color:var(--text-muted);font-weight:600}.group-container{background:var(--white);border-radius:12px;border:1px solid var(--card-border);padding:1.25rem;margin-bottom:1.5rem}.group-header{background-color:var(--primary-color);color:var(--white);padding:0.5rem 1rem;border-radius:6px;font-weight:700;margin-bottom:1rem;text-align:center}.group-table{width:100%;font-size:0.9rem}.group-table th{color:var(--text-muted);border-bottom:2px solid var(--card-border);padding:0.5rem;font-weight:600}.group-table td{padding:0.6rem 0.5rem;border-bottom:1px solid var(--card-border)}.info-pill{display:inline-flex;align-items:center;background:var(--accent-bg);padding:0.5rem 1rem;border-radius:50px;margin:0.25rem;font-weight:600;color:var(--primary-color);font-size:0.9rem}.info-pill i{margin-right:0.5rem;color:var(--secondary-color)}.faq-accordion .accordion-item{border:1px solid var(--card-border);border-radius:12px !important;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.01)}.faq-accordion .accordion-button{font-weight:700;color:var(--primary-color);background-color:var(--white);padding:1.25rem}.faq-accordion .accordion-button:not(.collapsed){background-color:var(--accent-bg);color:var(--primary-color);box-shadow:none}.faq-accordion .accordion-body{background-color:var(--white);color:var(--text-dark);line-height:1.7;padding:1.25rem}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.scroll-item{display:inline-block;width:280px;margin-right:1rem;vertical-align:top;white-space:normal}.footer-section{background-color:#062417;color:rgba(255,255,255,0.8);border-top:5px solid var(--secondary-color);padding:4rem 0 2rem 0;font-size:0.95rem}.footer-section h4{color:var(--white);margin-bottom:1.5rem;font-weight:700}.footer-section a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s}.footer-section a:hover{color:var(--secondary-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:3rem;padding-top:1.5rem;font-size:0.85rem}.btn-primary-custom{background-color:var(--secondary-color);color:#000 !important;border:none;font-weight:700;padding:0.75rem 1.75rem;border-radius:8px;transition:all 0.3s ease}.btn-primary-custom:hover{background-color:#f7be25;transform:translateY(-2px);box-shadow:0 4px 12px rgba(227,168,19,0.3)}.btn-outline-custom{background-color:transparent;color:var(--white);border:2px solid var(--white);font-weight:700;padding:0.75rem 1.75rem;border-radius:8px;transition:all 0.3s ease}.btn-outline-custom:hover{background-color:var(--white);color:var(--primary-color)}.badge-live{background-color:#dc3545;color:white;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}