@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap');

:root {
  --gc-bg:#09090b;
  --gc-nav:#16161f;
  --gc-border:#242435;
  --gc-panel:#181922;
  --gc-panel-2:#20202c;
  --gc-panel-3:#232431;
  --gc-field:#111119;
  --gc-text:#dadada;
  --gc-muted:#6c7291;
  --gc-nav-muted:#44485b;
  --gc-red:#b72e32;
  --gc-red-bright:#ff2a31;
  --gc-red-dark:#741011;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--gc-bg);color:var(--gc-text)}
body{font-family:'Outfit',Arial,sans-serif;overflow-x:hidden;zoom:1!important}
.site-bg{position:fixed;inset:0;z-index:-5;background:var(--gc-bg)!important}
header.navbar{
  width:100%!important;height:72px!important;min-height:72px!important;margin:0!important;padding:0 max(24px,calc((100vw - 1280px)/2))!important;
  display:grid!important;grid-template-columns:240px 1fr 240px!important;align-items:center!important;gap:18px!important;
  background:var(--gc-nav)!important;border:1px solid var(--gc-border)!important;border-width:0 0 1px!important;position:relative;z-index:100;
}
header.navbar>.brand{display:inline-flex!important;align-items:center!important;gap:4px!important;text-decoration:none!important;color:var(--gc-text)!important;font-family:'Sora',sans-serif!important;font-size:19px!important;font-weight:700!important;letter-spacing:1.2px!important;width:max-content}
header.navbar>.brand img,header.navbar>.brand .site-nav__logo{width:46px!important;height:46px!important;display:block!important;flex:0 0 46px!important;background-image:url('../img/logo.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;object-fit:contain!important}
header.navbar>.brand>span{color:var(--gc-red-bright)!important}
header.navbar>.brand>span>span{color:var(--gc-text)!important}
header.navbar nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:44px!important;height:100%!important}
header.navbar nav a{font-family:'Outfit',sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1!important;text-transform:uppercase!important;text-decoration:none!important;color:var(--gc-nav-muted)!important;white-space:nowrap!important;padding:29px 0!important;transition:color .15s ease!important}
header.navbar nav a:hover,header.navbar nav a.active,header.navbar nav a[aria-current='page']{color:var(--gc-text)!important}
header.navbar>[data-auth-slot]{justify-self:end!important;min-width:124px!important;display:flex!important;justify-content:flex-end!important}
.auth-login-btn{width:124px!important;height:37px!important;min-height:37px!important;padding:0!important;border:0!important;border-radius:6px!important;background:var(--gc-red)!important;color:var(--gc-text)!important;box-shadow:0 2px 0 var(--gc-red-dark)!important;font-family:'Outfit',sans-serif!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;justify-content:center!important}
.auth-login-btn img{display:none!important}.auth-login-btn:hover{background:#c9363a!important;transform:none!important}
.auth-avatar-btn{width:38px!important;height:38px!important;border-radius:6px!important;border:1px solid var(--gc-border)!important;background:var(--gc-panel)!important}
.site-footer,.kick-status--floating,.ticker{display:none!important}
.gc-content{width:min(100% - 32px,1212px);margin:0 auto}
.gc-panel{background:linear-gradient(180deg,var(--gc-panel) 0%,#111119 100%);border:1px solid var(--gc-border);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.gc-red-button{background:var(--gc-red);color:var(--gc-text);border:0;border-radius:6px;box-shadow:0 2px 0 var(--gc-red-dark);font-weight:700;text-decoration:none}
@media(max-width:900px){
 header.navbar{width:calc(100% - 24px)!important;margin:0 12px!important;padding:10px 0!important;height:64px!important;min-height:64px!important;background:var(--gc-nav)!important;border-radius:0 0 8px 8px!important;grid-template-columns:1fr auto!important}
 header.navbar>.brand img,header.navbar>.brand .site-nav__logo{width:40px!important;height:40px!important;flex-basis:40px!important}
 .mobile-menu-toggle{border-radius:7px!important;background:var(--gc-panel)!important;border-color:var(--gc-border)!important;box-shadow:none!important;width:40px!important;height:40px!important}
 .mobile-nav-panel{background:#111119!important;border-radius:8px!important}
}
