/* LobbyHub v2.8.118 — sign-in and registration, isolated from the global UI. */
.page-auth .lh-auth-v28118 {
  --auth-mint: #60f4bc;
  --auth-mint2: #3cd6ac;
  --auth-ink: #eaf7ff;
  --auth-muted: #94abc4;
  width:100%; min-height:calc(100svh - 400px); display:flex;
  align-items:center; justify-content:center; padding:46px 22px 64px;
  position:relative; isolation:isolate;
  font-family:Manrope,'IBM Plex Sans',system-ui,sans-serif;
}
.page-auth .lh-auth-v28118::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse 680px 440px at 17% 24%,rgba(18,101,123,.13),transparent 75%),
    radial-gradient(ellipse 700px 420px at 85% 85%,rgba(48,110,123,.1),transparent 74%);
}
.page-auth .lh-auth-v28118 *, .page-auth .lh-auth-v28118 *::before, .page-auth .lh-auth-v28118 *::after {box-sizing:border-box;}
.page-auth .lh-auth-shell {width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);border:1px solid rgba(111,191,212,.2);border-radius:26px;overflow:hidden;box-shadow:0 26px 74px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.01);background:#081426;}
.page-auth .lh-auth-showcase {position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:665px;padding:36px 44px 32px;overflow:hidden;background:radial-gradient(ellipse 440px 340px at 65% 30%,rgba(8,121,129,.26),transparent 75%),radial-gradient(ellipse 350px 320px at 13% 95%,rgba(62,66,151,.23),transparent 75%),linear-gradient(140deg,#0b2331 0%,#092038 49%,#0b162d 100%);border-right:1px solid rgba(120,190,212,.12);}
.page-auth .lh-auth-showcase::before {content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(117,229,218,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(117,229,218,.14) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 95%);}
.page-auth .lh-auth-showcase::after {content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -32px 0 80px rgba(4,13,27,.1);}
.page-auth .lh-auth-hero-top,.page-auth .lh-auth-hero-center,.page-auth .lh-auth-hero-foot {position:relative;z-index:1;}
.page-auth .lh-auth-hero-top {display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9bd3d4;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.1em;}
.page-auth .lh-auth-hero-eyebrow {display:inline-flex;align-items:center;gap:9px;color:#8deed4;font-weight:700;}
.page-auth .lh-auth-live-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--auth-mint);box-shadow:0 0 12px rgba(96,244,188,.6);flex:none;}
.page-auth .lh-auth-hero-label {opacity:.68;white-space:nowrap;}
.page-auth .lh-auth-hero-center {padding:20px 0 18px;}
.page-auth .lh-auth-hero-art {position:relative;margin:0 0 24px;width:100%;height:205px;display:flex;align-items:center;justify-content:center;}
.page-auth .lh-auth-hero-art img {position:relative;z-index:2;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 10px 32px rgba(0,226,205,.25));}
.page-auth .lh-auth-art-ring {position:absolute;display:block;border:1px solid rgba(106,244,206,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);}
.page-auth .lh-auth-art-ring.ring-one {width:200px;height:200px;box-shadow:inset 0 0 48px rgba(44,215,202,.07),0 0 48px rgba(44,215,202,.06);}
.page-auth .lh-auth-art-ring.ring-two {width:345px;height:158px;border-radius:50%;transform:translate(-50%,-50%) rotate(-19deg);border-style:dashed;border-color:rgba(122,185,240,.25);}
.page-auth .lh-auth-art-node {position:absolute;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(103,239,201,.38);border-radius:12px;background:rgba(15,45,57,.9);box-shadow:0 12px 28px rgba(0,0,0,.28);}
.page-auth .lh-auth-art-node svg {width:19px;height:19px;stroke:#78edd5;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.page-auth .lh-auth-art-node.node-a {left:22%;top:25%;transform:rotate(-11deg)}
.page-auth .lh-auth-art-node.node-b {right:17%;top:18%;transform:rotate(12deg)}
.page-auth .lh-auth-art-node.node-c {right:23%;bottom:3%;transform:rotate(-6deg)}
.page-auth .lh-auth-mini-heading {margin:0 0 12px;color:var(--auth-mint);font:700 10px 'Space Mono',monospace;letter-spacing:.11em;}
.page-auth .lh-auth-hero-center h1 {margin:0;max-width:510px;font-size:clamp(2.5rem,4vw,3.45rem);font-weight:800;letter-spacing:-.063em;line-height:1.11;color:#f0fbff;}
.page-auth .lh-auth-hero-center h1 em {color:var(--auth-mint);font-style:normal;}
.page-auth .lh-auth-hero-summary {margin:18px 0 25px;max-width:420px;color:#b4c8d9;font-size:13px;line-height:1.85;}
.page-auth .lh-auth-highlights {display:grid;gap:13px;}
.page-auth .lh-auth-highlights > div {display:flex;align-items:center;gap:13px;}
.page-auth .lh-auth-highlight-icon {width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(95,223,190,.18);border-radius:12px;background:rgba(82,198,189,.09);flex:none;}
.page-auth .lh-auth-highlight-icon svg {width:19px;height:19px;stroke:#75ebce;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.page-auth .lh-auth-highlights b,.page-auth .lh-auth-highlights small {display:block;}
.page-auth .lh-auth-highlights b {font-size:12px;font-weight:700;color:#e9fbfc;}
.page-auth .lh-auth-highlights small {font-size:11px;color:#94adc4;margin-top:3px;}
.page-auth .lh-auth-hero-foot {display:flex;align-items:center;gap:10px;margin:0;font:700 9px 'Space Mono',monospace;letter-spacing:.1em;color:#749aaa;}
.page-auth .lh-auth-hero-foot .lh-auth-live-dot {width:5px;height:5px;}
.page-auth .lh-auth-form-side {display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 360px 320px at 100% 0%,rgba(21,78,108,.12),transparent),linear-gradient(155deg,#0a172a,#081120);padding:37px clamp(20px,3.5vw,55px);min-width:0;}
.page-auth .lh-auth-form-inner {width:100%;max-width:410px;}
.page-auth .lh-auth-brand {display:inline-flex;align-items:center;width:184px;height:64px;text-decoration:none;margin-bottom:10px;}
.page-auth .lh-auth-brand img {width:184px;height:auto;object-fit:contain;object-position:left center;}
.page-auth .lh-auth-heading {margin-bottom:26px;}
.page-auth .lh-auth-kicker {display:inline-block;color:var(--auth-mint);font:700 10px 'Space Mono',monospace;letter-spacing:.14em;margin-bottom:11px;}
.page-auth .lh-auth-heading h2 {margin:0 0 9px;font-size:clamp(1.58rem,2.4vw,2rem);font-weight:800;letter-spacing:-.04em;line-height:1.2;color:var(--auth-ink);}
.page-auth .lh-auth-heading p {margin:0;font-size:13.5px;color:#9cadc5;line-height:1.7;}
.page-auth .lh-auth-switch {display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#081223;border:1px solid rgba(136,189,220,.15);border-radius:12px;margin:0 0 25px;}
.page-auth .lh-auth-switch a {text-align:center;display:flex;align-items:center;justify-content:center;min-height:43px;border-radius:8px;color:#97aac4;text-decoration:none;font-weight:700;font-size:13px;transition:background .17s,color .17s,box-shadow .17s;}
.page-auth .lh-auth-switch a.is-current {background:linear-gradient(115deg,#67f5c6,#33d2aa);color:#08261f;box-shadow:0 3px 14px rgba(45,214,170,.13);}
.page-auth .lh-auth-switch a:not(.is-current):hover {color:#e4f6ff;background:rgba(147,192,234,.07);}
.page-auth .lh-auth-field {margin-bottom:19px;}
.page-auth .lh-auth-field>label,.page-auth .lh-auth-field-head label {display:block;color:#c2d2e5;font-size:12.5px;font-weight:700;margin-bottom:9px;}
.page-auth .lh-auth-field label span {color:var(--auth-mint);}
.page-auth .lh-auth-field-head {display:flex;justify-content:space-between;gap:8px;align-items:baseline;}
.page-auth .lh-auth-field-head a {color:#7fd6d6;text-decoration:none;font-size:12px;}
.page-auth .lh-auth-field-head a:hover {color:#b7fff2;text-decoration:underline;}
.page-auth .lh-auth-input-wrap {position:relative;display:flex;align-items:center;}
.page-auth .lh-auth-input-wrap>svg {width:18px;height:18px;stroke:#68829b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;position:absolute;left:15px;pointer-events:none;}
.page-auth .lh-auth-input-wrap input {height:50px;min-width:0;width:100%;background:#071222!important;border:1px solid rgba(135,184,209,.22)!important;border-radius:11px!important;color:#e8f6ff!important;font:500 13px Manrope,system-ui,sans-serif!important;padding:0 45px 0 45px!important;outline:0!important;box-shadow:none!important;transition:border-color .16s,box-shadow .16s;}
.page-auth .lh-auth-input-wrap input::placeholder {color:#70839a;opacity:1;font-weight:400;}
.page-auth .lh-auth-input-wrap input:focus {border-color:rgba(96,244,188,.77)!important;box-shadow:0 0 0 3px rgba(65,228,187,.1)!important;}
.page-auth .lh-auth-input-wrap input:-webkit-autofill { -webkit-text-fill-color:#e8f6ff!important;-webkit-box-shadow:0 0 0 50px #071222 inset!important; }
.page-auth .lh-auth-reveal {display:grid;place-items:center;position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:#8aa3b9;border-radius:8px;cursor:pointer;}
.page-auth .lh-auth-reveal:hover,.page-auth .lh-auth-reveal:focus-visible {background:rgba(91,160,177,.09);color:#9cf6d9;outline:0;}
.page-auth .lh-auth-reveal svg {width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.page-auth .lh-auth-remember {display:flex;align-items:center;gap:9px;margin:2px 0 22px;cursor:pointer;font-size:12px;font-weight:500;color:#a8bdd3;}
.page-auth .lh-auth-remember input {width:16px;height:16px;margin:0;accent-color:var(--auth-mint);cursor:pointer;}
.page-auth .lh-auth-consent {display:flex;align-items:flex-start;gap:11px;margin:2px 0 22px;padding:14px 12px;position:relative;border:1px solid rgba(135,184,209,.17);background:rgba(26,47,66,.32);border-radius:11px;color:#a9c0d2;font-size:12px;font-weight:500;line-height:1.65;cursor:pointer;}
.page-auth .lh-auth-consent>input {position:absolute;left:20px;top:22px;opacity:0;width:18px;height:18px;cursor:pointer;}
.page-auth .lh-auth-check-ui {width:20px;height:20px;flex:none;margin-top:1px;display:grid;place-items:center;border:1.5px solid #6a95a7;border-radius:5px;background:#0a1c2d;transition:background .12s,border-color .12s;}
.page-auth .lh-auth-check-ui svg {width:15px;height:15px;stroke:#05201c;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;}
.page-auth .lh-auth-consent input:checked+.lh-auth-check-ui {background:var(--auth-mint);border-color:var(--auth-mint);}
.page-auth .lh-auth-consent input:checked+.lh-auth-check-ui svg {opacity:1;}
.page-auth .lh-auth-consent input:focus-visible+.lh-auth-check-ui {outline:2px solid #a0fce2;outline-offset:3px;}
.page-auth .lh-auth-consent a {color:#8af6d3;font-weight:700;text-decoration:underline;text-decoration-color:rgba(122,255,214,.45);text-underline-offset:2px;}
.page-auth .lh-auth-consent a:hover {color:#fff;}
.page-auth .lh-auth-consent b {color:var(--auth-mint);}
.page-auth .lh-auth-submit {display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:51px;margin-top:3px;border:0;border-radius:11px;background:linear-gradient(110deg,#74f8ce,#39dcae);color:#072a23;font:800 13.5px Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 26px rgba(48,221,167,.13);transition:transform .14s,filter .14s,box-shadow .14s;}
.page-auth .lh-auth-submit svg {width:17px;height:17px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s;}
.page-auth .lh-auth-submit:hover {filter:brightness(1.07);box-shadow:0 12px 30px rgba(48,221,167,.19);}
.page-auth .lh-auth-submit:hover svg {transform:translateX(3px);}
.page-auth .lh-auth-submit:active {transform:translateY(1px);}
.page-auth .lh-auth-submit:focus-visible {outline:2px solid white;outline-offset:3px;}
.page-auth .lh-auth-divider {display:flex;align-items:center;gap:12px;margin:23px 0 18px;color:#70849a;font-size:10px;white-space:nowrap;}
.page-auth .lh-auth-divider::before,.page-auth .lh-auth-divider::after {content:"";height:1px;flex:1;background:rgba(132,179,204,.16);}
.page-auth .lh-auth-steam {min-height:46px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border:1px solid rgba(137,181,212,.23);border-radius:10px;background:#10253a;color:#cbdcea;text-decoration:none;font-size:12px;font-weight:700;transition:background .14s,border-color .14s;}
.page-auth .lh-auth-steam:hover {background:#18354c;color:#fff;border-color:rgba(137,213,227,.4);}
.page-auth .lh-auth-steam svg {width:19px;height:19px;flex:none;}
.page-auth .lh-auth-steam svg.lh-auth-steam-arrow {width:15px;height:15px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.page-auth .lh-auth-endline {margin:22px 0 0;text-align:center;color:#8fa4bd;font-size:12px;}
.page-auth .lh-auth-endline a {color:var(--auth-mint);font-weight:700;text-decoration:none;margin-left:4px;}
.page-auth .lh-auth-endline a:hover {text-decoration:underline;}
.page-auth .lh-auth-legal-mini {margin:20px auto 0;max-width:330px;font-size:11px;color:#6f859e;text-align:center;line-height:1.6;}
.page-auth .lh-auth-legal-mini a {color:#93c6cb;text-decoration:underline;text-underline-offset:2px;}
.page-auth .lh-auth-error {display:flex;gap:11px;align-items:center;padding:12px 13px;margin-bottom:16px;background:rgba(138,49,54,.13);border:1px solid rgba(235,112,122,.3);border-radius:10px;color:#ffd0d3;font-size:12px;line-height:1.6;}
.page-auth .lh-auth-error span {display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid rgba(255,156,165,.4);border-radius:50%;font-weight:800;}
.page-auth .lh-auth-strength {display:flex;align-items:center;gap:10px;margin-top:8px;min-height:13px;}
.page-auth .lh-auth-strength-bars {display:flex;gap:3px;min-width:75px;}
.page-auth .lh-auth-strength-bars i {flex:1;height:3px;border-radius:4px;background:#26364e;transition:background .15s;}
.page-auth .lh-auth-strength[data-score="1"] .lh-auth-strength-bars i:nth-child(-n+1) {background:#ed897f;}
.page-auth .lh-auth-strength[data-score="2"] .lh-auth-strength-bars i:nth-child(-n+2) {background:#efb871;}
.page-auth .lh-auth-strength[data-score="3"] .lh-auth-strength-bars i:nth-child(-n+3) {background:#77d1cc;}
.page-auth .lh-auth-strength[data-score="4"] .lh-auth-strength-bars i:nth-child(-n+4) {background:#6af4b9;}
.page-auth .lh-auth-strength small {font-size:9px;color:#8495ab;line-height:1.45;}
@media (max-width:900px) {
  .page-auth .lh-auth-shell {max-width:570px;grid-template-columns:1fr;}
  .page-auth .lh-auth-showcase {min-height:210px;padding:24px 28px 24px;border-right:0;border-bottom:1px solid rgba(120,190,212,.14);}
  .page-auth .lh-auth-hero-center {padding:20px 0 0;}
  .page-auth .lh-auth-hero-art,.page-auth .lh-auth-mini-heading,.page-auth .lh-auth-highlights,.page-auth .lh-auth-hero-foot,.page-auth .lh-auth-hero-label {display:none;}
  .page-auth .lh-auth-hero-center h1 {font-size:2.35rem;}
  .page-auth .lh-auth-hero-summary {margin:12px 0 0;font-size:12px;}
  .page-auth .lh-auth-form-side {padding:30px 38px 36px;}
}
@media (max-width:600px) {
  .page-auth .lh-auth-v28118 {padding:18px 12px 40px;}
  .page-auth .lh-auth-showcase {min-height:184px;padding:22px 22px;}
  .page-auth .lh-auth-hero-center h1 {font-size:2rem;}
  .page-auth .lh-auth-hero-summary {font-size:11.5px;line-height:1.6;}
  .page-auth .lh-auth-form-side {padding:23px 23px 30px;}
  .page-auth .lh-auth-heading h2 {font-size:1.65rem;}
  .page-auth .lh-auth-brand {margin-bottom:2px;}
  .page-auth .lh-auth-form-inner {max-width:none;}
  .page-auth .lh-auth-consent {font-size:10.5px;}
}
@media (max-width:360px) {
  .page-auth .lh-auth-form-side {padding:20px 17px 26px;}
  .page-auth .lh-auth-showcase {padding:20px 19px;}
  .page-auth .lh-auth-hero-center h1 {font-size:1.72rem;}
  .page-auth .lh-auth-input-wrap input {font-size:11px!important;}
}
@media (prefers-reduced-motion:reduce) {
  .page-auth .lh-auth-v28118 *, .page-auth .lh-auth-v28118 *::before, .page-auth .lh-auth-v28118 *::after {transition:none!important;animation:none!important;}
}