:root{--primary:#0056b3;--secondary:#e63946;--accent:#2a9d8f;--warning-gold:#f4a261;--bg-light:#f8f9fa;--surface:#ffffff;--text-main:#212529;--text-muted:#6c757d;--border-color:#dee2e6;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{font-family:var(--font-family-base);background-color:var(--bg-light);color:var(--text-main);overflow-x:hidden;scroll-behavior:smooth}@media (min-width:992px){.app-layout{display:flex;min-height:100vh}.sidebar-nav{width:280px;position:fixed;top:0;bottom:0;left:0;z-index:1000;background-color:#0f172a;color:#ffffff;box-shadow:4px 0 15px rgba(0,0,0,0.1);overflow-y:auto}.main-content{margin-left:280px;width:calc(100% - 280px);padding:2rem}}@media (max-width:991.98px){.sidebar-nav{display:none}.main-content{width:100%;padding:1rem}}.sidebar-brand{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.sidebar-brand img{max-height:50px;object-fit:contain}.sidebar-menu{padding:1rem 0}.sidebar-menu .nav-link{color:rgba(255,255,255,0.85);padding:0.75rem 1.5rem;font-weight:500;display:flex;align-items:center;gap:10px;transition:all 0.3s ease}.sidebar-menu .nav-link:hover,.sidebar-menu .nav-link.active{color:#ffffff;background-color:rgba(255,255,255,0.1);border-left:4px solid var(--secondary)}.hero-banner{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#ffffff;border-radius:12px;overflow:hidden;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.15)}.hero-img{object-fit:cover;width:100%;height:100%;min-height:350px}.section-card{background-color:var(--surface);border-radius:12px;border:1px solid var(--border-color);padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,0.02)}.section-title{position:relative;padding-left:1rem;margin-bottom:1.5rem;font-weight:700;color:#0f172a}.section-title::before{content:'';position:absolute;left:0;top:15%;height:70%;width:5px;background-color:var(--secondary);border-radius:4px}.stat-card{background:#ffffff;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform 0.3s ease}.stat-card:hover{transform:translateY(-5px)}.match-card{border:1px solid var(--border-color);border-radius:10px;background:#ffffff;transition:all 0.3s ease}.match-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.match-badge{font-size:0.75rem;padding:0.25rem 0.6rem;border-radius:4px}.group-table th{background-color:#f1f5f9;color:#475569}.faq-item{border-bottom:1px solid var(--border-color);padding:1rem 0}.faq-question{font-weight:600;color:#0f172a;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{color:var(--text-muted);margin-top:0.5rem;display:none}.site-footer{background-color:#0f172a;color:rgba(255,255,255,0.7);padding:3rem 0;margin-top:4rem}.site-footer a{color:rgba(255,255,255,0.8);text-decoration:none}.site-footer a:hover{color:#ffffff;text-decoration:underline}