.auth-page{isolation:isolate;background-color:var(--navy);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}.auth-art{z-index:-1;background:var(--navy) url(/brand/signin-hero.jpg) center / cover no-repeat;position:fixed;inset:0}.auth-brand-bar{left:0;right:0;bottom:var(--safe-bottom);background:var(--brand-bar);pointer-events:none;height:6px;position:fixed}.auth-column{flex-direction:column;align-items:center;gap:40px;width:100%;padding:40px 16px 46px;display:flex}.auth-mark{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:200px;display:block}.auth-box{background:var(--paper);border-radius:16px;box-shadow:0 14px 36px #00000047}.auth-stack{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.auth-bar{align-items:center;gap:12px;max-width:100%;padding:14px;display:flex}.auth-bar>div{width:300px}.auth-card{width:min(460px,100%);padding:26px 24px 24px}.auth-title{letter-spacing:-.015em;color:var(--navy);font-size:22px;font-weight:700;line-height:1.2}.auth-lead{color:var(--grey);text-wrap:pretty;margin-top:8px;font-size:14px;line-height:1.5}.auth-content{margin-top:20px}.auth-card form{gap:14px}.auth-card label{color:var(--grey);margin-bottom:6px;font-size:13px;font-weight:600}.auth-card a{color:var(--blue)}.auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]){border:1.5px solid var(--line);height:46px;color:var(--ink);background:var(--paper);border-radius:10px;padding:0 14px;font-size:15px}.auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]):hover{border-color:var(--line-freeze)}.auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]):focus{border-color:var(--blue);box-shadow:var(--focus-ring)}.auth-box input:disabled{background:var(--band)}.auth-box input::placeholder{color:var(--grey);opacity:1}.auth-box input[type=password],.auth-box input[autocomplete$=password]{padding-right:46px!important}.auth-box input+button[type=button]{border-radius:7px;width:32px;height:32px;top:50%;right:7px;transform:translateY(-50%)}.auth-box button[type=submit]{background:var(--navy);color:#fff;border-radius:10px;gap:10px;height:46px;padding:0 26px;font-size:15px;font-weight:700;transition:background-color .15s,transform .15s}.auth-card button[type=submit]{width:100%;margin-top:4px}.auth-box button[type=submit]:hover{background:#121d42}.auth-box button[type=submit]:active{transform:translateY(1px)}.auth-box button[type=submit]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.auth-box button[type=submit]:disabled{opacity:1;background:var(--navy);color:#ffffffd9}.auth-box button[aria-busy=true]{color:#fff}.auth-box button[aria-busy=true]:before{content:"";border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite auth-turn}@keyframes auth-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-box button[aria-busy=true]:before{animation:none}}.auth-card p[role=alert],.auth-card p[role=status]{border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.5}.auth-card p[role=alert]{font-weight:600}.auth-under{flex-direction:column;gap:8px;width:min(560px,100%);display:flex}.auth-under p[role=alert],.auth-under p[role=status]{background:var(--paper);color:var(--ink);text-align:center;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:600;line-height:1.45;box-shadow:0 8px 22px #0000003d}.auth-under p[role=alert]{color:var(--red-ink)}.auth-under p[data-tone=ok]{color:var(--navy)}.auth-foot{text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.auth-foot a{color:#b9c3e6;font-weight:600;text-decoration:none}.auth-foot a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.auth-foot a:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #fff}@media (max-width:1023.98px){.auth-mark{height:190px}.auth-bar{flex-direction:column;align-items:stretch;gap:14px;width:min(520px,100%);padding:20px}.auth-bar>div{width:100%}.auth-card{width:min(520px,100%)}.auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]){height:54px;font-size:17px}.auth-box button[type=submit]{width:100%;height:56px;font-size:17px}.auth-under{width:min(520px,100%)}}@media (max-width:599.98px){.auth-column{gap:30px;padding:32px 20px 40px}.auth-mark{height:120px}.auth-bar{gap:12px;width:100%;padding:16px}.auth-card{padding:22px 18px 18px}.auth-title{font-size:20px}.auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]){height:50px;font-size:16px}.auth-box button[type=submit]{height:52px;font-size:16px}.auth-under{width:100%}}@media (max-height:560px){.auth-column{gap:18px;padding-top:20px;padding-bottom:24px}.auth-mark{height:90px}}@media (max-height:560px) and (max-width:1023.98px){.auth-bar{gap:12px;padding:16px}.auth-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]){height:50px;font-size:16px}.auth-box button[type=submit]{height:52px;font-size:16px}}