.login-main{min-height:100dvh;display:grid;place-items:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.login-main--dawn{background:linear-gradient(to bottom,color-mix(in srgb,var(--gold) 7%,var(--bg)),var(--bg) 45%)}.login-main--dusk{background:linear-gradient(to bottom,color-mix(in srgb,var(--dusk-2) 14%,var(--bg)),var(--bg) 50%)}.login-mark{overflow:visible;justify-self:start}.login-mark__path{stroke:var(--thread);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:loginMarkDraw var(--dur-draw,.76s) var(--ease-draw) .12s forwards}@keyframes loginMarkDraw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.login-mark__path{stroke-dashoffset:0;animation:none}}[data-motion=reduce] .login-mark__path{stroke-dashoffset:0;animation:none}.login-card{width:100%;max-width:480px;padding:30px 26px 26px;display:grid;grid-gap:18px;gap:18px}.login-head{display:grid;grid-gap:10px;gap:10px}.login-form{display:grid;grid-gap:16px;gap:16px}.login-label{display:block;font-size:1rem;font-weight:700;margin-bottom:6px}.login-input{width:100%;min-height:60px;padding:0 16px;font:inherit;font-size:1.1875rem;color:var(--ink);background:var(--bg);border:1px solid var(--hair);border-radius:var(--radius-btn)}.login-input::placeholder{color:var(--ink-2)}.login-input--code{text-align:center;font-size:1.625rem;letter-spacing:.3em}.login-alt{display:grid;grid-gap:2px;gap:2px;justify-items:center;border-top:1px solid var(--hair);padding-top:14px}.login-alt-label,.login-error,.login-fine{font-size:1rem}.login-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--hair);border-left:3px solid var(--decline);border-radius:10px}.login-error svg{width:22px;height:22px;flex:none;margin-top:3px;fill:none;stroke:var(--decline);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-sent-icon{width:44px;height:44px;fill:none;stroke:var(--primary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}