.signin{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(2 * var(--space-4)) var(--space-3) var(--space-4)}
.signin-card{width:100%;max-width:400px}
.signin-hero{display:grid;justify-items:center;gap:var(--space-3);margin-bottom:var(--space-4);text-align:center}
.signin-hero img{display:block;max-width:240px;max-height:112px;padding:var(--space-2);border-radius:var(--radius);background:var(--on-navy);object-fit:contain}
.signin-hero h1{margin:0;font-size:var(--text-display);font-weight:var(--weight-heading);line-height:1.15;overflow-wrap:anywhere}
.signin-hero.product h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.signin-product{font-size:var(--text-display);gap:var(--space-3)}
.signin-product .mark{width:48px;height:48px}
.mark{flex:none}
.mark-bars{fill:var(--sky)}
.signin-step{margin:0 0 var(--space-3);font-size:var(--text-title);text-align:center}
#signin-form{background:var(--raised);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-4)}
.signin-card fieldset{border:0;margin:0;padding:0}
.signin-card .field:last-of-type{margin-bottom:var(--space-4)}
.signin-card .btn{width:100%}
.signin-card .resend-code{width:100%;margin-top:var(--space-3);min-height:var(--target);border:0;background:none;color:var(--sky);font:inherit;font-weight:var(--weight-strong);text-decoration:underline;cursor:pointer}
.signin-card .resend-code:disabled{opacity:.6;cursor:wait}
.signin-card .status{text-align:center}
.signin-links{margin:var(--space-3) 0 0;text-align:center}
.signin-links a{display:inline-flex;align-items:center;min-height:var(--target);color:var(--sky);font-weight:var(--weight-strong)}
.signin-vendor{border:0;padding:0;margin-top:calc(2 * var(--space-4));font-size:var(--text-caption)}
.signin-vendor .brand{font-size:var(--text-small);color:var(--pencil);gap:var(--space-2)}
.signin-vendor .mark{width:20px;height:20px}
@media(max-width:520px){.signin{justify-content:flex-start;padding-top:calc(1.5 * var(--space-4))}.signin-hero h1{font-size:var(--text-title)}.signin-product{font-size:var(--text-title)}.signin-product .mark{width:36px;height:36px}#signin-form{padding:var(--space-3)}}
.signin-card .hint{margin:0;color:var(--pencil);font-size:var(--text-small)}