.auth-page{justify-content:center;margin:48px 0;display:flex}.auth-card{border:1px solid rgb(var(--surface-border));background:rgb(var(--surface-card));border-radius:24px;flex-direction:column;gap:20px;width:min(400px,100vw - 32px);padding:32px 24px;display:flex}.auth-title{text-align:center;margin:0}.auth-hint{color:rgb(var(--text-secondary));text-align:center;margin:0}.auth-steam-button{color:var(--text-main);background:linear-gradient(90deg,#137caf 0%,#0b1c49 100%);border:0;position:relative;overflow:hidden}.auth-steam-button:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:0}.auth-steam-button:hover{box-shadow:0 8px 16px rgba(var(--surface-background), .28);background:linear-gradient(90deg,#1689c1 0%,#0d2158 100%)}.auth-divider{color:rgb(var(--text-secondary));align-items:center;gap:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:rgb(var(--surface-border));flex:1;height:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:rgb(var(--text-secondary))}.auth-input{border:1px solid rgb(var(--surface-border));background:rgb(var(--surface-background-secondary));width:100%;height:48px;color:var(--text-main);box-sizing:border-box;border-radius:16px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .15s}.auth-input:focus{border-color:rgb(var(--text-secondary))}.auth-input::placeholder{color:rgb(var(--text-secondary))}.auth-input.is-error{border-color:rgb(var(--surface-error))}.auth-error{color:rgb(var(--text-error));margin:0}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-remember{color:rgb(var(--text-secondary));cursor:pointer;align-items:center;gap:8px;display:inline-flex}.auth-remember input{width:16px;height:16px;accent-color:rgb(var(--surface-brand))}.auth-link{color:rgb(var(--text-secondary));text-decoration:underline}.auth-link:hover{color:var(--text-main)}.auth-submit{justify-content:center;width:100%}.auth-switch{text-align:center;color:rgb(var(--text-secondary));margin:0}.auth-flash{background:rgba(var(--surface-success), .12);color:rgb(var(--text-success));border-radius:16px;padding:12px 16px}@media (width<=720px){.auth-page{margin:32px 0}}