.auth-view{position:fixed;inset:0;z-index:10000;overflow-y:auto;overscroll-behavior:contain;background:#f8f8f8;color:#252525;display:flex;flex-direction:column;align-items:center;padding:clamp(56px,17.5vh,175px) 24px 36px;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.auth-view *{box-sizing:border-box}
.auth-close{position:absolute;top:14px;right:22px;background:transparent;border:0;color:#555;font:300 34px/1 Arial,sans-serif;width:44px;height:44px;cursor:pointer;display:grid;place-items:center;border-radius:3px}
.auth-close:hover{color:#e41f26;background:#e7e7e7}
.auth-brand{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;margin:0 0 12px;background:transparent;border:0;color:#181818;cursor:pointer;flex-shrink:0}
.auth-logo{display:block;width:62px;height:62px;object-fit:contain}
.auth-brand-wordmark{display:none}
.auth-card{width:100%;max-width:400px;padding:40px;background:#fff;border:1px solid #ededed;border-radius:3px;box-shadow:0 2px 8px #00000004;flex-shrink:0}
.auth-title{margin:0 0 8px;font:700 20px/1.2 Arial,Helvetica,sans-serif;text-align:left;color:#1c1c1c;letter-spacing:-.3px}
.auth-subtitle{font:400 12px/1.5 Arial,Helvetica,sans-serif;text-align:left;color:#737373;margin:0 0 23px}
.auth-field{margin-bottom:14px;text-align:left}
.auth-label{display:block;font-size:12px;line-height:1.2;font-weight:700;color:#3b3b3b;margin:0}
.auth-input-wrap{position:relative;width:100%}
.auth-input{display:block;width:100%;height:48px;border:0;border-bottom:1px solid #aaa;border-radius:0;background:#fff;padding:0 40px 0 0;color:#222;font:400 15px/1 Arial,Helvetica,sans-serif;transition:border-color .15s,box-shadow .15s;appearance:none}
.auth-input::placeholder{color:#979797;font-size:13px}
.auth-input:focus{outline:0;border-bottom-color:#343434;box-shadow:0 1px 0 #343434}
.auth-input[aria-invalid=true]{border-bottom-color:#d42128;box-shadow:0 1px 0 #d42128}
.auth-input:disabled{color:#777;background:#f8f8f8}
.auth-password-toggle{position:absolute;right:2px;top:2px;width:40px;height:43px;border:0;background:transparent;color:#969696;font:19px/1 Arial,sans-serif;cursor:pointer}
.auth-password-toggle:hover,.auth-password-toggle.is-visible{color:#272727}
.auth-password-toggle:disabled{cursor:wait}
.auth-hint{font-size:11px;line-height:1.4;margin:6px 0 0;color:#777}
.auth-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:3px 0 22px}
.auth-check-label{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:#666;cursor:pointer;text-align:left}
.auth-checkbox{appearance:auto;accent-color:#e41f26;flex:0 0 14px;width:14px;height:14px;margin:1px 0 0;cursor:pointer}
.auth-agreement-row{margin:1px 0 20px}
.auth-agreement-row .auth-check-label{font-size:11px;line-height:1.55}
.auth-text-button{display:inline;padding:0;background:transparent;border:0;color:#d82027;font:inherit;cursor:pointer;text-decoration:none}
.auth-text-button:hover{text-decoration:underline;color:#ad151b}
.auth-text-button:disabled{opacity:.5;cursor:wait}
.auth-forgot{font-size:11px;white-space:nowrap}
.auth-submit{display:block;width:100%;border:1px solid #d51c22;border-radius:3px;background:#e92028;color:#fff;padding:15px 12px;font:700 13px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.3px;text-align:center;cursor:pointer;min-height:50px;transition:background .15s,transform .15s}
.auth-submit:hover{background:#ce1820}
.auth-submit:active{transform:translateY(1px)}
.auth-submit:disabled{opacity:.7;cursor:wait;transform:none}
.auth-switch-row{text-align:center;font-size:12px;line-height:1.5;color:#777;margin:22px 0 0}
.auth-switch{font-weight:700;margin-left:3px}
.auth-demo-note{width:100%;max-width:400px;margin:20px 0 0;text-align:center;font:400 10px/1.65 Arial,Helvetica,sans-serif;color:#777;padding:0 11px;flex-shrink:0}
.auth-message{font:400 12px/1.5 Arial,Helvetica,sans-serif;margin:0 0 17px;padding:10px 11px;border-radius:2px;text-align:left;overflow-wrap:anywhere}
.auth-error{background:#fff0f0;color:#a5171d;border:1px solid #f4cdcf}
.auth-info{background:#f1f5fa;color:#3e556d;border:1px solid #d7e1ec}
.auth-view [hidden]{display:none!important}
.auth-card-success{text-align:center;padding-top:33px;padding-bottom:32px}
.auth-card-success .auth-title{text-align:center}
.auth-success-symbol{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 21px;border:2px solid #d92027;border-radius:50%;color:#d92027;font:700 27px/1 Arial,sans-serif}
.auth-success-credit{margin:20px 0 12px;color:#d82027;font-size:21px;font-weight:700;line-height:1.3}
.auth-success-note{margin:0 0 26px;color:#6c6c6c;font-size:12px;line-height:1.6}
.auth-view button:focus-visible,.auth-view input:focus-visible{outline:2px solid #222;outline-offset:3px}
@media(max-width:520px){.auth-view{padding:52px 18px 28px}.auth-close{right:10px;top:8px}.auth-brand{margin-bottom:16px}.auth-logo{width:56px;height:56px}.auth-card{padding:29px 26px 28px;max-width:380px}.auth-title{font-size:20px}.auth-subtitle{margin-bottom:24px}.auth-input{font-size:16px}.auth-options{gap:10px}.auth-check-label,.auth-forgot{font-size:11px}.auth-demo-note{max-width:380px}.auth-success-credit{font-size:20px}}
@media(prefers-reduced-motion:reduce){.auth-view *{transition:none!important}}