:root{--primary-color:#002868;--secondary-color:#D22630;--accent-color:#006847;--bg-light:#F8F9FA;--bg-white:#FFFFFF;--text-main:#1F2937;--text-muted:#4B5563;--border-color:#E5E7EB;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-main);background-color:var(--bg-light);line-height:1.6;overflow-x:hidden}.navbar{background-color:var(--bg-white);border-bottom:3px solid var(--primary-color);box-shadow:var(--shadow-sm);padding:0.75rem 1rem}.navbar-brand img{max-height:45px;object-fit:contain}.nav-link{color:var(--text-main);font-weight:600;padding:0.5rem 1rem !important;transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--secondary-color)}.hero-section{background:linear-gradient(135deg,#002868 0%,#0a192f 100%);color:var(--bg-white);padding:5rem 0;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(210,38,48,0.15) 0%,transparent 50%);pointer-events:none}.hero-title{font-size:2.75rem;font-weight:800;line-height:1.25;margin-bottom:1.5rem}.hero-title span{color:var(--secondary-color)}.hero-desc{font-size:1.125rem;color:rgba(255,255,255,0.85);margin-bottom:2rem;max-width:600px}.hero-img-container img{border-radius:12px;box-shadow:var(--shadow-md);border:4px solid rgba(255,255,255,0.1)}.section-title{position:relative;padding-bottom:1rem;margin-bottom:2.5rem;font-weight:700;color:var(--primary-color)}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color));border-radius:2px}.live-ticker{background-color:var(--primary-color);color:var(--bg-white);padding:0.5rem 0;font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.1)}.ticker-wrap{display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.ticker-wrap::-webkit-scrollbar{display:none}.ticker-item{display:inline-flex;align-items:center;padding:0 1.5rem;border-right:1px solid rgba(255,255,255,0.2)}.custom-card{background:var(--bg-white);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden;height:100%}.custom-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.match-row{background-color:var(--bg-white);border-left:4px solid var(--primary-color);border-radius:8px;padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.match-row:hover{border-left-color:var(--secondary-color)}.group-grid{background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.group-header{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--bg-white);padding:0.75rem 1rem;font-weight:700;border-radius:8px;margin-bottom:1rem}.guide-banner{background:linear-gradient(135deg,var(--accent-color) 0%,#0f3d2e 100%);color:var(--bg-white);border-radius:14px;padding:3rem;position:relative;overflow:hidden}.accordion-item{border-radius:10px !important;margin-bottom:0.75rem;border:1px solid var(--border-color);overflow:hidden}.accordion-button:not(.collapsed){background-color:rgba(0,40,104,0.05);color:var(--primary-color);box-shadow:none}.accordion-button{font-weight:600}.mobile-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1rem;padding-bottom:1rem}.mobile-scroll>*{flex:0 0 85%;max-width:85%}@media (min-width:768px){.mobile-scroll{display:grid;grid-template-columns:repeat(2,1fr);flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.mobile-scroll>*{flex:none;max-width:100%}}@media (min-width:992px){.mobile-scroll{grid-template-columns:repeat(3,1fr)}}footer{background-color:#0b1320;color:#9ca3af;border-top:4px solid var(--secondary-color)}footer a{color:#d1d5db;text-decoration:none;transition:var(--transition)}footer a:hover{color:var(--secondary-color)}