.auth-page{color:var(--gl-white);font-family:var(--gl-font-body);font-size:var(--gl-text-sm);-webkit-font-smoothing:antialiased;line-height:1.6}.auth-page a{color:inherit;text-decoration:none}.auth-page p{margin:0}.auth-page ::selection{background:var(--gl-accent);color:var(--gl-auth-on-accent)}.auth-page :focus-visible{outline:2px solid var(--gl-accent);outline-offset:2px;border-radius:2px}.auth-page h1{font-family:var(--gl-font-display);text-transform:uppercase;letter-spacing:-.005em;margin:0;font-weight:700;line-height:1.06}.auth-eyebrow{line-height:1.6;font-family:var(--gl-font-display);font-size:var(--gl-text-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--gl-accent);font-weight:700;display:inline-block}.auth-page{background:var(--gl-base);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(20px,3vw,34px) clamp(18px,5vw,24px);display:flex;position:relative;overflow:hidden}.auth-page>*{z-index:1;position:relative}.auth-brand{align-items:center;gap:9px;margin-bottom:18px;display:flex}.auth-brand svg{width:24px;height:24px;display:block}.auth-brand span{font-family:var(--gl-font-display);font-weight:800;font-size:var(--gl-text-auth-brand);letter-spacing:.04em}.auth-card{background:var(--gl-neutral-100);border:1px solid var(--gl-neutral-400);border-radius:5px;width:100%;max-width:440px;padding:clamp(22px,3vw,30px)}.auth-head{text-align:center;margin-bottom:20px;line-height:0}.auth-head h1{font-size:var(--gl-text-auth-title);margin-top:9px}.auth-head p{color:var(--gl-neutral-700);font-size:var(--gl-text-auth-sub);margin-top:9px;line-height:1.55}.auth-providers{flex-direction:column;gap:9px;display:flex}.auth-pbtn{width:100%;font-family:var(--gl-font-display);font-size:var(--gl-text-xs);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;border:1px solid;border-radius:3px;justify-content:center;align-items:center;gap:11px;padding:11.5px 18px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:flex}.auth-pbtn svg{flex-shrink:0;width:18px;height:18px}.auth-pbtn-steam,.auth-pbtn-google{color:var(--gl-white);border-color:var(--gl-neutral-400);background:0 0}.auth-pbtn-steam:hover,.auth-pbtn-google:hover{background:var(--gl-neutral-200);border-color:var(--gl-auth-border-hover)}.auth-divider{font-family:var(--gl-font-display);font-size:var(--gl-text-label);letter-spacing:.17em;text-transform:uppercase;color:var(--gl-neutral-600);align-items:center;gap:14px;margin:18px 0 16px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gl-neutral-300);flex:1;height:1px}.auth-page form{flex-direction:column;gap:13px;margin-bottom:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.auth-page label{font-family:var(--gl-font-display);font-size:var(--gl-text-label);letter-spacing:.15em;text-transform:uppercase;color:var(--gl-neutral-700);font-weight:700}.auth-field-link{font-family:var(--gl-font-display);font-size:var(--gl-text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--gl-neutral-600);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;line-height:normal;transition:color .18s}.auth-field-link:hover{color:var(--gl-accent)}.auth-page input[type=email],.auth-page input[type=password],.auth-page input[type=text]{background:var(--gl-base);border:1px solid var(--gl-neutral-400);width:100%;color:var(--gl-white);font-family:var(--gl-font-body);font-size:var(--gl-text-nav);border-radius:3px;padding:10px 13px;line-height:1.4;transition:border-color .18s}.auth-page input::placeholder{color:var(--gl-auth-placeholder)}.auth-page input:hover{border-color:var(--gl-auth-border-hover)}.auth-page input:focus{border-color:var(--gl-accent);outline:none}.auth-page input:focus-visible{outline:2px solid var(--gl-accent);outline-offset:2px}.auth-submit{width:100%;font-family:var(--gl-font-display);font-size:var(--gl-text-xs);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;color:var(--gl-accent);border:2px solid var(--gl-accent);background:0 0;border-radius:3px;margin-top:4px;padding:12px 18px;font-weight:700;line-height:normal;transition:background .18s,color .18s}.auth-submit:hover{background:var(--gl-accent);color:var(--gl-auth-on-accent)}.auth-check{align-items:flex-start;gap:10px;margin-top:2px;display:flex}.auth-page .auth-check input{appearance:none;border:1px solid var(--gl-neutral-400);background:var(--gl-base);cursor:pointer;border-radius:2px;flex-shrink:0;width:16px;height:16px;margin:3px 0 0;transition:background .18s,border-color .18s}.auth-page .auth-check input:checked{background:var(--gl-accent);border-color:var(--gl-accent)}.auth-page .auth-check input:checked:after{content:"";border:solid var(--gl-auth-on-accent);border-width:0 2px 2px 0;width:4px;height:8px;margin:1px 0 0 5px;display:block;transform:rotate(45deg)}.auth-page .auth-check label{font-family:var(--gl-font-body);font-size:var(--gl-text-xs);letter-spacing:0;text-transform:none;color:var(--gl-neutral-700);cursor:pointer;font-weight:400;line-height:1.5}.auth-page .auth-check a{color:var(--gl-accent)}.auth-page .auth-check a:hover{text-decoration:underline}.auth-notice{background:color-mix(in srgb, var(--gl-caution) 7%, transparent);border:1px solid color-mix(in srgb, var(--gl-caution) 30%, transparent);border-radius:3px;gap:10px;margin-top:14px;padding:11px 13px;display:flex}.auth-page .auth-notice p{font-size:var(--gl-text-pill);color:var(--gl-auth-notice-ink);line-height:1.55}.auth-page .auth-forgot{text-align:center;margin-top:12px}.auth-page .auth-forgot a{font-size:var(--gl-text-xs);color:var(--gl-neutral-600);transition:color .18s}.auth-page .auth-forgot a:hover{color:var(--gl-accent)}.auth-page .auth-confirm-address{text-align:center;font-size:var(--gl-text-meta);color:var(--gl-neutral-700);overflow-wrap:anywhere;margin-bottom:16px}.auth-page .auth-confirm-address strong{color:var(--gl-white);font-weight:600}.auth-page .auth-text-button{cursor:pointer;font-family:var(--gl-font-body);font-size:var(--gl-text-xs);color:var(--gl-neutral-600);background:0 0;border:0;padding:0;transition:color .18s}.auth-page .auth-text-button:hover{color:var(--gl-accent)}.auth-page .auth-swap{border-top:1px solid var(--gl-neutral-300);font-size:var(--gl-text-meta);color:var(--gl-neutral-700);text-align:center;margin-top:16px;padding-top:16px}.auth-page .auth-swap a{cursor:pointer;font-family:var(--gl-font-display);font-size:var(--gl-text-pill);letter-spacing:.09em;text-transform:uppercase;color:var(--gl-accent);background:0 0;border:0;padding:0;font-weight:700;line-height:normal}.auth-page .auth-swap a:hover{color:var(--gl-white)}.auth-page .auth-home-btn{z-index:2;font-family:var(--gl-font-display);font-size:var(--gl-text-note);letter-spacing:.12em;text-transform:uppercase;color:var(--gl-neutral-700);background:color-mix(in srgb, var(--gl-auth-home) 70%, transparent);border:1px solid var(--gl-neutral-400);border-radius:3px;align-items:center;gap:9px;padding:9px 14px;font-weight:700;transition:color .18s,border-color .18s,background .18s;display:inline-flex;position:absolute;top:clamp(16px,2.4vw,26px);left:clamp(16px,3vw,30px)}.auth-page .auth-home-btn:hover{color:var(--gl-accent);border-color:var(--gl-accent);background:var(--gl-neutral-100)}.auth-home-btn svg{stroke:currentColor;fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:12px;height:12px}@media (max-width:560px){.auth-page .auth-home-btn{font-size:var(--gl-text-label);letter-spacing:.1em;padding:8px 11px}}@media (prefers-reduced-motion:reduce){.auth-page *{transition:none!important}}
