.auth-shell{--auth-danger:#b0432f}.auth-main{padding:96px var(--mk-gutter) 64px;flex:1;justify-content:center;align-items:center;display:flex}.auth-column{flex-direction:column;gap:28px;width:100%;max-width:400px;display:flex}.auth-column-wide{max-width:440px}.auth-head{text-align:center}.auth-head .mk-eyebrow{margin-bottom:14px}.auth-title{letter-spacing:0;text-wrap:balance;font-size:28px;font-weight:700;line-height:1.2}.auth-lead{color:var(--mk-g5);margin-top:10px;font-size:15px;line-height:1.6}.auth-client-detail{font-family:var(--mk-mono);color:var(--mk-g5);word-break:break-all;margin-top:8px;font-size:12.5px}.auth-card{border:1px solid var(--mk-hair);background:var(--mk-card);box-shadow:var(--mk-card-shadow);border-radius:12px;flex-direction:column;gap:18px;padding:24px;display:flex}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-input{border:1px solid var(--mk-hair);border-radius:var(--mk-radius);background:var(--mk-card);width:100%;min-height:44px;font-family:var(--mk-display);color:var(--mk-ink);padding:0 14px;font-size:14.5px;transition:border-color .14s}.auth-input::placeholder{color:var(--mk-g4)}.auth-input:focus-visible{border-color:#14140f73;outline:none}.auth-input:disabled{opacity:.55}.auth-button-block{width:100%}.mk-button.auth-button-outline{border:1px solid var(--mk-hair);background:var(--mk-card);color:var(--mk-ink)}.mk-button.auth-button-outline:hover{background:var(--mk-card-muted)}.auth-shell .mk-button:disabled{opacity:.55;cursor:default;pointer-events:none}.auth-divider{font-family:var(--mk-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mk-g4);align-items:center;gap:12px;font-size:10.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--mk-hair);flex:1;height:1px}.auth-notice{border-radius:var(--mk-radius);background:var(--mk-card-muted);padding:12px 14px}.auth-notice-title{font-size:13.5px;font-weight:600}.auth-notice-body{color:var(--mk-g5);font-size:12.5px;line-height:1.6}.auth-notice-title+.auth-notice-body{margin-top:4px}.auth-error{color:var(--auth-danger);text-align:center;font-size:13px}.auth-support{font-family:var(--mk-mono);letter-spacing:.04em;color:var(--mk-g4);text-align:center;font-size:11px;line-height:1.8}.auth-support a{color:var(--mk-g5);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--mk-g4);text-decoration-color:var(--mk-g4)}.auth-support a:hover{color:var(--mk-ink)}.auth-host-chip{border:1px solid var(--mk-hair);background:var(--mk-bg);width:fit-content;min-height:26px;font-family:var(--mk-mono);letter-spacing:.03em;color:var(--mk-g5);border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:11px;display:inline-flex}.auth-host-chip b{color:var(--mk-ink);font-weight:500}.auth-host-dot{background:var(--mk-green);border-radius:999px;width:6px;height:6px}.auth-scopes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.auth-scopes li{color:var(--mk-g6);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.auth-scopes li:before{content:"";background:var(--mk-green);border-radius:999px;flex-shrink:0;width:5px;height:5px;margin-top:8px}.auth-actions{gap:10px;display:flex}.auth-actions .mk-button{flex:1}.auth-center{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.auth-status-title{font-size:17px;font-weight:600}.auth-status-body{color:var(--mk-g5);font-size:13.5px;line-height:1.6}.auth-status-title+.auth-status-body{margin-top:6px}.auth-spinner{border:3px solid var(--mk-hair);border-top-color:var(--mk-ink);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-dots{gap:8px;display:flex}.auth-dots span{background:var(--mk-hair);border-radius:999px;width:7px;height:7px;transition:background .3s}.auth-dots span.on{background:var(--mk-ink);animation:1.4s ease-in-out infinite auth-bounce}.auth-dots span.on:nth-child(2){animation-delay:.2s}.auth-dots span.on:nth-child(3){animation-delay:.4s}@keyframes auth-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}
