#cs-header{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,var(--primary-dark,#0a0f0a),var(--surface-dark,#111827));border-bottom:1px solid var(--border,rgba(255,255,255,.1))}#cs-header .header-container{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}#cs-header .header-logo img{height:48px;width:auto;display:block}#cs-header .header-nav{display:flex;gap:32px}#cs-header .header-nav a,#cs-header .header-nav a:link,#cs-header .header-nav a:visited{color:var(--text-secondary,#e5e7eb);text-decoration:none;font:500 16px/1 var(--font-secondary,Inter,sans-serif)}#cs-header .header-nav a:hover,#cs-header .login-btn{color:var(--cricket-red,red)}#cs-header .header-buttons{display:flex;gap:12px}#cs-header .login-btn,#cs-header .register-btn{text-decoration:none;white-space:nowrap;font:600 15px/1 var(--font-primary,Poppins,sans-serif);padding:9px 16px;border-radius:10px;transition:.25s;border:1px solid var(--cricket-red,red)}#cs-header .login-btn{background:0 0}#cs-header .login-btn:hover,#cs-header .register-btn{background:var(--cricket-red,red);color:#fff}#cs-header .register-btn:hover{filter:brightness(.92)}#cs-header .menu-toggle{display:none;width:36px;height:36px;border:0;background:0 0;cursor:pointer}#cs-header .menu-toggle span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}#cs-header .menu-toggle span+span{margin-top:6px}#cs-footer a,#cs-footer a:link,#cs-footer a:visited{color:var(--text-secondary,#e5e7eb);text-decoration:none}#cs-footer a:hover{color:var(--cricket-red,red);text-decoration:none}@media (max-width:768px){#cs-header .header-container{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:12px!important;padding:12px 16px!important}#cs-header .header-logo img{height:40px!important;width:auto!important}#cs-header .header-buttons,#cs-header .header-nav{display:none!important}#cs-header .menu-toggle{display:block!important;margin-left:auto!important;width:36px!important;height:36px!important;border:0;background:0 0;cursor:pointer}#cs-header .menu-toggle span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}#cs-header .menu-toggle span+span{margin-top:6px}#cs-header .menu-toggle.active span:first-child{transform:rotate(45deg) translateY(9px)}#cs-header .menu-toggle.active span:nth-child(2){opacity:0}#cs-header .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-9px)}#cs-header .mobile-menu{position:fixed;top:0;right:0;height:100vh;width:min(82vw,320px);background:var(--surface-dark,#111827);transform:translateX(100%);transition:transform .3s;box-shadow:-6px 0 16px rgba(0,0,0,.45);padding:84px 22px 24px;display:flex;flex-direction:column;gap:22px;z-index:1001}#cs-header .mobile-menu.open{transform:translateX(0)}#cs-header .mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}#cs-header .mobile-backdrop.show{opacity:1;pointer-events:auto}#cs-header .mobile-menu a{color:#fff;text-decoration:none;font:500 18px/1.2 var(--font-secondary, Inter)}#cs-header .mobile-menu a:hover{color:var(--cricket-red,red)}#cs-header .mobile-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}#cs-header .mobile-buttons .login-btn,#cs-header .mobile-buttons .register-btn{padding:10px 14px;border-radius:10px;font:600 15px/1 var(--font-primary, Poppins);border:1px solid var(--cricket-red,red)}#cs-header .mobile-buttons .login-btn{color:var(--cricket-red,red);background:0 0}#cs-header .mobile-buttons .login-btn:hover,#cs-header .mobile-buttons .register-btn{background:var(--cricket-red,red);color:#fff}#cs-header .mobile-buttons .register-btn:hover{filter:brightness(.92)}#menu-toggle{position:relative!important;z-index:10002!important}#mobile-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.45)!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s!important;z-index:10000!important}#mobile-backdrop.show{opacity:1!important;pointer-events:auto!important}#mobile-menu{position:fixed!important;top:0!important;right:0!important;left:auto!important;height:100vh!important;width:min(82vw,320px)!important;box-sizing:border-box!important;background:#111827!important;transform:translateX(100%)!important;transition:transform .3s!important;padding:84px 22px 24px!important;display:flex!important;flex-direction:column!important;gap:22px!important;z-index:10001!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}#mobile-menu.open{transform:translateX(0)!important}#mobile-menu a{color:#fff!important;text-decoration:none!important;font:500 18px/1.2 var(--font-secondary, Inter, system-ui)!important}#mobile-menu a:hover{color:var(--cricket-red,red)!important}}