:root{--primary-rgb:0,47,108;--primary-color:#002f6c;--accent-red:#c8102e;--accent-green:#006341;--bg-light:#f5f7fa;--card-bg:#ffffff;--text-dark:#1e242b;--text-muted:#5c677d;--border-color:#e2e8f0;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 8px 20px rgba(0,0,0,0.06);--border-radius:12px}body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.navbar{background-color:rgba(255,255,255,0.96) !important;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:all 0.3s ease}.navbar-brand img{max-height:40px;object-fit:contain}.nav-link{color:var(--text-dark) !important;font-weight:500;padding:0.5rem 1rem !important;transition:color 0.2s ease}.nav-link:hover,.nav-link.active{color:var(--accent-red) !important}.custom-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}.custom-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.hero-section{padding:140px 0 80px;background:linear-gradient(135deg,#002f6c 0%,#001233 100%);color:#ffffff;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(200,16,46,0.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,99,65,0.15) 0%,transparent 50%);pointer-events:none}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.25;background:linear-gradient(to right,#ffffff,#f0f3f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.hero-desc{font-size:1.15rem;color:rgba(255,255,255,0.85);margin-bottom:2rem;max-width:650px}.hero-img{border-radius:var(--border-radius);box-shadow:0 20px 40px rgba(0,0,0,0.3);border:4px solid rgba(255,255,255,0.1);object-fit:cover}.match-ticker{background-color:#ffffff;border-bottom:2px solid var(--border-color);padding:12px 0}.ticker-card{min-width:260px;border-right:1px solid var(--border-color);padding:0 15px}.ticker-card:last-child{border-right:none}.section-header{margin-bottom:3rem;position:relative}.section-header h2{font-size:2.2rem;font-weight:700;color:var(--primary-color);position:relative;display:inline-block;margin-bottom:0.5rem}.section-header h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--accent-red),var(--accent-green));border-radius:2px}.group-table th{background-color:var(--primary-color);color:#ffffff;font-weight:600}.group-badge{background-color:var(--bg-light);color:var(--primary-color);font-weight:bold;border-radius:4px;padding:3px 8px}.guide-step{position:relative;padding-left:50px}.guide-step-number{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background-color:var(--accent-red);color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:bold}.scroll-x-container{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.scroll-x-container::-webkit-scrollbar{height:6px}.scroll-x-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.btn-custom-primary{background-color:var(--accent-red);color:#ffffff;border:none;padding:0.6rem 1.5rem;border-radius:30px;font-weight:600;transition:background-color 0.2s ease,transform 0.2s ease}.btn-custom-primary:hover{background-color:#a70d24;color:#ffffff;transform:translateY(-2px)}.btn-custom-outline{background-color:transparent;color:#ffffff;border:2px solid rgba(255,255,255,0.8);padding:0.5rem 1.5rem;border-radius:30px;font-weight:600;transition:all 0.2s ease}.btn-custom-outline:hover{background-color:#ffffff;color:var(--primary-color);border-color:#ffffff}footer{background-color:#0f172a;color:#94a3b8;padding:80px 0 30px;font-size:0.95rem}footer h5{color:#ffffff;font-weight:600;margin-bottom:1.5rem}footer a{color:#94a3b8;text-decoration:none;transition:color 0.2s ease}footer a:hover{color:#ffffff}@media (max-width:991.98px){.hero-section{padding:100px 0 50px;text-align:center}.hero-title{font-size:2rem}.hero-desc{margin-left:auto;margin-right:auto}.section-header{text-align:center;margin-bottom:2rem}.section-header h2::after{left:50%;transform:translateX(-50%)}}