.topline{display:none!important}
.site-header{position:sticky;top:0;z-index:50;background:#07080bf2;border-bottom:1px solid #ffffff10;backdrop-filter:blur(22px);box-shadow:0 18px 55px #0000001f}
.header-inner{width:min(1340px,calc(100% - 48px));height:96px;margin:auto;display:grid;grid-template-columns:230px minmax(420px,1fr) auto;align-items:center}
.brand{gap:13px;width:max-content}
.brand-mark{position:relative;width:40px;height:40px;border-radius:50%;font-size:10px;box-shadow:inset 0 0 18px #8d5cff14,0 0 28px #8d5cff1d;overflow:hidden}
.brand-mark i{position:absolute;width:22px;height:22px;border:1px solid #8d5cff5e;border-radius:50%}
.brand-mark i:before,.brand-mark i:after{content:'';position:absolute;background:#8d5cff45}
.brand-mark i:before{width:28px;height:1px;left:-4px;top:10px}
.brand-mark i:after{width:1px;height:28px;left:10px;top:-4px}
.brand-mark b{position:relative;z-index:1;font-weight:800}
.brand strong{font-size:21px;letter-spacing:.045em;white-space:nowrap}
.brand em{color:#a276ff}
.main-nav{justify-self:center;align-items:center;gap:42px;height:100%}
.main-nav a,.header-actions>a:not(.create-account){position:relative;font-size:13px;font-weight:650;transition:.2s}
.main-nav a:after{content:'';position:absolute;left:50%;right:50%;bottom:-13px;height:2px;background:linear-gradient(90deg,#7650e8,#a57aff);transition:.2s}
.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}
.header-actions{justify-content:flex-end;gap:22px}
.game-switch{height:50px;padding:4px;display:flex;align-items:center;border:1px solid #2a2e37;border-radius:18px;background:linear-gradient(180deg,#0d0f14,#090a0e);box-shadow:inset 0 1px #ffffff0a,0 10px 30px #0004}
.game-switch button{position:relative;width:42px;height:40px;border:0;border-radius:14px;background:transparent;color:#626874;display:grid;place-items:center;cursor:pointer;transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}
.game-switch button+button:before{content:'';position:absolute;left:-2px;top:10px;width:1px;height:20px;background:#ffffff12}
.game-switch button:disabled{cursor:not-allowed;opacity:.9}
.game-switch button.active{background:radial-gradient(circle at 50% 45%,#d4af5733,#171719 72%);color:#c89b3c;box-shadow:inset 0 0 0 1px #c89b3c80,0 0 20px #c89b3c20}
.game-switch button.active:before{display:none}
.game-switch .valorant-game{color:#ff4655}
.game-switch .valorant-game:hover{color:#ff6571;background:#ff46550a}
.game-brand-icon{width:22px;height:22px;display:block;filter:drop-shadow(0 4px 8px #0009)}
.game-switch .valorant-game .game-brand-icon{width:20px;height:20px;filter:drop-shadow(0 0 7px #ff465540)}
.game-switch .lol-game .game-brand-icon{filter:drop-shadow(0 0 7px #c89b3c38)}
.create-account{min-width:124px;height:50px;padding:0 21px;border-radius:16px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0003;transition:.2s}
.create-account:hover{background:#fff;transform:translateY(-1px)}
.product-hero{padding-top:46px}
@media(max-width:1100px){.header-inner{display:flex;height:86px;justify-content:space-between}.main-nav{display:none}.game-switch{height:46px}.game-switch button{height:36px}.create-account{height:46px}}
@media(max-width:760px){.header-inner{width:calc(100% - 24px);height:76px}.brand-mark{width:34px;height:34px}.brand strong{font-size:18px}.game-switch{display:none}.header-actions{gap:8px}.header-actions>a:not(.create-account){display:none}.create-account{min-width:0;height:42px;padding:0 14px;border-radius:13px}.product-hero{padding-top:30px}}