html {
--mobile-header-main-section-height: 49px; --mobile-header-navigation-height: 40px; --mobile-header-full-height: 89px; --dynamic-header: 0px; --window-height: 319px; --hero: #a855f7; --brand: #06b6d4; --secondary: #8b5cf6; --accent: #ffffff; --oc-1: #ffffff; --oc-2: #a855f7; --oc-3: #ff3449; --odd-up: #10b981; --odd-down: #ff3449; --b: #0a0a18; --header: #13132a; --menu: #13132a; --tab-navigation: #0a0a18; --hero-hover: #9333ea; --hero-sc: #FFFFFF; --hero-sc-rgb: 255, 255, 255; --hero-rgb: 168, 85, 247; --brand-hover: #0891b2; --brand-sc: #FFFFFF; --brand-sc-rgb: 255, 255, 255; --brand-rgb: 6, 182, 212; --secondary-hover: #7c3aed; --secondary-sc: #FFFFFF; --secondary-sc-rgb: 255, 255, 255; --secondary-rgb: 139, 92, 246; --accent-hover: #e5e5e5; --accent-sc: #000000; --accent-sc-rgb: 0, 0, 0; --accent-rgb: 255, 255, 255; --oc-1-hover: #e5e5e5; --oc-1-sc: #000000; --oc-1-sc-rgb: 0, 0, 0; --oc-1-rgb: 255, 255, 255; --oc-2-hover: #9333ea; --oc-2-sc: #FFFFFF; --oc-2-sc-rgb: 255, 255, 255; --oc-2-rgb: 168, 85, 247; --oc-3-hover: #ff6677; --oc-3-sc: #FFFFFF; --oc-3-sc-rgb: 255, 255, 255; --oc-3-rgb: 255, 52, 73; --odd-up-hover: #059669; --odd-up-sc: #FFFFFF; --odd-up-sc-rgb: 255, 255, 255; --odd-up-rgb: 16, 185, 129; --odd-down-hover: #ff6677; --odd-down-sc: #FFFFFF; --odd-down-sc-rgb: 255, 255, 255; --odd-down-rgb: 255, 52, 73; --b-hover: #14142b; --b-sc: #FFFFFF; --b-sc-rgb: 255, 255, 255; --b-rgb: 10, 10, 24; --header-hover: #1a1a3a; --header-sc: #FFFFFF; --header-sc-rgb: 255, 255, 255; --header-rgb: 19, 19, 42; --menu-hover: #1a1a3a; --menu-sc: #FFFFFF; --menu-sc-rgb: 255, 255, 255; --menu-rgb: 19, 19, 42; --tab-navigation-hover: #14142b; --tab-navigation-sc: #FFFFFF; --tab-navigation-sc-rgb: 255, 255, 255; --tab-navigation-rgb: 10, 10, 24;
}
.hdr-user-bc .btn.sign-in { background: transparent !important; border: 1px solid #a855f7 !important; border-radius: 8px !important; padding: 8px 18px !important; color: #a855f7 !important; font-weight: 600; font-size: 13px; transition: all 0.2s ease; }
.hdr-user-bc .btn.sign-in:hover { background: rgba(168, 85, 247, 0.1) !important; }
.hdr-user-bc .btn.register { background: #a855f7 !important; border: none !important; border-radius: 8px !important; padding: 8px 18px !important; color: #FFFFFF !important; font-weight: 700; font-size: 13px; transition: all 0.2s ease; }
.hdr-user-bc .btn.register:hover { background: #9333ea !important; }