.auth-page{min-height:100svh!important;display:grid!important;place-items:center;padding:32px 16px;background:#f3f4f6!important;color:#20242b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.auth-stack{width:min(100%,392px)}.auth-panel{width:100%;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:28px;box-shadow:0 8px 24px #15202c0a}.auth-brand{background:#000;border-radius:5px;padding:17px;margin-bottom:24px;text-align:center}.auth-brand img{display:block;width:300px;max-width:100%;height:auto;margin:auto}.auth-platform{font-size:12px;color:#697381;margin:0 0 6px}.auth-panel h1,.auth-panel h2{font-size:23px;font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:0 0 24px}.auth-panel form,.auth-form{display:grid;gap:16px}.auth-panel label{display:block;font-size:13px;font-weight:600;color:#394450;margin:0 0 6px}.auth-panel input{font:inherit;font-size:14px;width:100%;min-width:0;border:1px solid #cbd2da;border-radius:5px;padding:11px 12px;background:#fff;color:#20242b}.auth-panel input:focus{outline:2px solid #e2b231;outline-offset:1px;box-shadow:none}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:43px;border:1px solid #cbd2da;border-radius:5px;background:#fff;color:#20242b;padding:10px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.auth-button:hover{border-color:#968044;background:#fff9e8;color:#20242b}.auth-button.primary{background:#ffbe00;border-color:#ffbe00;color:#141619}.auth-button.primary:hover{background:#efb200;border-color:#efb200}.auth-button:disabled{cursor:wait;opacity:.6}.auth-link{font:inherit;font-size:12px;border:0;padding:0;color:#5c6875;background:transparent;text-decoration:underline;cursor:pointer}.auth-panel button:focus-visible,.auth-panel a:focus-visible{outline:3px solid #c69c27;outline-offset:3px}.auth-divider{display:flex;align-items:center;gap:14px;color:#7b8590;font-size:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#e0e4e9}.auth-message{font-size:13px;line-height:1.5;margin:16px 0 0;color:#b42318;overflow-wrap:anywhere}.auth-notice{color:#287246}.auth-security-message{font-size:12px;color:#b42318;margin:8px 0 0}.auth-security-message:empty{display:none}.auth-challenge:empty{display:none}.auth-challenge{margin:16px 0;min-width:0}.auth-challenge:not(:has(iframe)):not(:has(p:not(:empty))){margin:0}.auth-back{display:block;text-align:center;color:#657080;font-size:12px;margin:20px 0 0}.auth-tabs{display:flex;gap:8px;margin-bottom:20px}.auth-tabs button{flex:1;width:auto}.auth-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.auth-keypad button{min-height:48px}.auth-keypad .enter{grid-column:1/-1}dialog.auth-panel{width:min(392px,calc(100% - 32px));padding:28px;color:#20242b}dialog.auth-panel::backdrop{background:#10172099}.auth-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.auth-dialog-heading h2{margin:0}.auth-close{background:transparent;border:0;font-size:24px;line-height:1;padding:4px 8px;color:#657080;cursor:pointer}@media(max-width:440px){.auth-panel{padding:22px}.auth-page{padding:20px 12px}}

.auth-password { display: block; position: relative; width: 100%; }
.auth-panel .auth-password input { padding-right: 48px; }
.auth-password .auth-password-toggle { appearance: none; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 34px; height: 40px; min-height: 0; margin: 0; padding: 0; display: grid; place-items: center; border: 0; background: transparent; box-shadow: none; color: #727b86; border-radius: 0; cursor: pointer; }
.auth-password .auth-password-toggle svg { width: 20px; height: 20px; pointer-events: none; }
.auth-password .auth-password-toggle:hover { background: transparent; box-shadow: none; color: #20242b; }
.auth-password .auth-password-toggle:focus-visible { outline: 2px solid #a77d00; outline-offset: -5px; border-radius: 6px; }


.auth-progress{display:flex;align-items:center;gap:12px;padding:14px;background:#fff3c4;color:#171717;border-radius:10px;font-weight:600}.auth-spinner{flex:none;width:20px;height:20px;border:3px solid #d6c996;border-top-color:#111;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}

.auth-progress[hidden] { display: none; }