.sign-in{background:var(--background);min-height:100dvh;color:var(--ink);display:flex}.sign-in-aside{box-sizing:border-box;background:var(--rail);color:#fff;flex-direction:column;flex:420px;justify-content:space-between;gap:48px;padding:48px 56px;display:flex}.sign-in-aside img{width:180px;height:auto;display:block}.sign-in-pitch{flex-direction:column;gap:16px;max-width:460px;display:flex}.sign-in-pitch h2{letter-spacing:-.02em;margin:0;font-size:36px;font-weight:600;line-height:44px}.sign-in-pitch p{color:var(--rail-text);margin:0;font-size:16px;line-height:26px}.sign-in-aside>small{color:var(--rail-label);font-size:13px}.sign-in-main{box-sizing:border-box;flex:520px;justify-content:center;align-items:center;padding:48px 24px;display:flex}.sign-in-main,.signing-in{max-width:none;margin:0}.signing-in{width:100%}.sign-in-card{flex-direction:column;gap:28px;width:100%;max-width:400px;display:flex}.sign-in-heading{flex-direction:column;gap:8px;display:flex}.sign-in-heading h1{letter-spacing:-.015em;margin:0;font-size:28px;font-weight:600;line-height:36px}.sign-in-heading p{color:var(--ink-muted);margin:0;font-size:15px;line-height:22px}.sign-in-heading strong{color:var(--ink);overflow-wrap:anywhere;font-weight:500}.sign-in-form{flex-direction:column;gap:16px;display:flex}.sign-in-field{flex-direction:column;gap:6px;font-weight:500;display:flex}.sign-in-field input,.code-boxes input{box-sizing:border-box;background:var(--background);color:var(--ink);font:inherit;box-shadow:0 0 0 1px var(--control-ring);border:0;transition:box-shadow .15s}.sign-in-field input{border-radius:8px;height:48px;padding:0 14px;font-size:16px;font-weight:400}.sign-in-field input:focus,.code-boxes input:focus{box-shadow:0 0 0 2px var(--primary-deep);outline:none}.sign-in-field input::placeholder{color:#8790a0}.code-boxes{border:0;min-width:0;margin:0;padding:0}.code-boxes>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.code-boxes input{text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;width:100%;height:60px;font-size:24px;font-weight:600}.code-boxes.invalid input{box-shadow:0 0 0 1px var(--destructive)}.code-boxes.invalid input:focus{box-shadow:0 0 0 2px var(--destructive)}.sign-in-submit{background:var(--ink);color:#fff;height:48px;font:inherit;cursor:pointer;transition:transform .12s var(--ease-out), background-color .15s ease;border:0;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 1px 2px #171c2733}.sign-in-submit:active:not(:disabled){transform:scale(.97)}.sign-in-submit:disabled{cursor:default;opacity:.55}@media (hover:hover) and (pointer:fine){.sign-in-submit:hover:not(:disabled){background:var(--ink-hover)}}.sign-in-submit:focus-visible,.sign-in-link:focus-visible,.sign-in-secondary:focus-visible{outline:2px solid var(--primary-deep);outline-offset:2px}.sign-in-error{color:var(--destructive);margin:0;font-size:14px;line-height:20px}.sign-in-note{background:var(--selected);color:var(--selected-text);border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:20px}.sign-in-foot{border-top:1px solid var(--divider);color:var(--ink-muted);flex-direction:column;gap:8px;margin:0;padding-top:20px;font-size:13px;line-height:18px;display:flex}.sign-in-link{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:none}.sign-in-link:disabled{color:#8790a0;cursor:default;font-weight:400}@media (hover:hover) and (pointer:fine){.sign-in-link:not(:disabled):hover{text-decoration:underline}}.sign-in-icon{color:#7a4f00;background:#fdf3e1;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.sign-in-tip,.sign-in-phone-actions{display:none}@media (max-width:767px){.sign-in{flex-direction:column}.sign-in-aside{padding:calc(24px + env(safe-area-inset-top)) 24px 24px;flex:none}.sign-in-aside img{width:150px}.sign-in-pitch,.sign-in-aside>small{display:none}.sign-in-main{padding:32px 24px calc(32px + env(safe-area-inset-bottom));flex:1;align-items:stretch}.sign-in-card{gap:24px}.sign-in-heading h1{font-size:26px;line-height:32px}.code-boxes input{height:56px;font-size:22px}.sign-in-submit{border-radius:10px;height:52px;font-size:16px}.sign-in-tip{display:block}.sign-in-card.code .sign-in-foot{display:none}.sign-in-phone-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.sign-in-secondary{background:var(--surface-quiet);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:14px;font-weight:500}.sign-in-secondary:disabled{color:#8790a0;cursor:default;font-weight:400}.sign-in-secondary.plain{background:0 0}}@media (min-width:768px) and (max-width:1023px){.sign-in-aside{padding:40px}.sign-in-pitch h2{font-size:30px;line-height:38px}}.signing-in{box-sizing:border-box;background:var(--rail);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100dvh;padding:48px 24px;display:flex}.signing-in img{width:180px;height:auto;display:block}.signing-in-status{flex-direction:column;align-items:center;gap:16px;display:flex}.signing-in-status h1{margin:0;font-size:22px;font-weight:600;line-height:30px}.signing-in-status p,.signing-in form{color:var(--rail-label);margin:0}.signing-in form{font-size:13px}.signing-in button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.signing-in button:focus-visible{outline:2px solid var(--rail-icon);outline-offset:2px}.signing-in-spinner{animation:.9s linear infinite signing-in-spin}@keyframes signing-in-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.signing-in-spinner{animation:none}.sign-in-submit,.sign-in-field input,.code-boxes input{transition:none}}
