.login-page{min-height:100vh}.login-screen{min-height:100vh;max-width:var(--max);grid-template-columns:1.1fr 440px;align-items:center;gap:64px;margin:0 auto;padding:48px 24px;display:grid}.login-intro{animation:arrive .8s var(--ease) both;flex-direction:column;gap:24px;display:flex}.login-page .wordmark{font:500 13px/1 var(--mono);letter-spacing:.14em;align-items:center;gap:10px;display:inline-flex}.login-page .wordmark svg{fill:none;width:16px;height:16px;stroke:var(--bone);stroke-width:1.1px}.login-page .wordmark .o-fill{fill:var(--orange);stroke:var(--orange)}.login-h{letter-spacing:-.045em;max-width:12ch;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1}.login-lede{color:var(--stone);max-width:44ch;font-size:19px;line-height:1.45}.login-status{color:var(--granite);align-items:center;gap:10px;font-size:11px;display:inline-flex}.login-board{grid-template-columns:repeat(10,22px);gap:6px;margin:8px 0;display:grid}.login-board i{border:1px solid var(--ash);width:22px;height:22px;transition:background .4s var(--snap), border-color .4s var(--snap);transition-delay:calc(var(--i) * 25ms);border-radius:2px}.login-board i.on{background:var(--green);border-color:var(--green)}.login-card{background:var(--bone);color:var(--ink);border-radius:var(--r);animation:arrive .8s .15s var(--ease) both;padding:32px 30px 28px 34px;position:relative;overflow:hidden}.login-card:before{content:"";background:var(--orange);transform-origin:top;width:3px;animation:ruleDraw .9s .4s var(--ease) forwards;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.login-card:after{content:"";background-image:var(--grain);opacity:.2;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.login-card.done:before{background:var(--green)}.login-card.shake{animation:loginShake .42s var(--snap)}@keyframes loginShake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes ruleDraw{to{transform:scaleY(1)}}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}}.login-form{z-index:1;flex-direction:column;gap:12px;min-width:0;display:flex;position:relative}.login-form>*{animation:arrive .45s var(--ease) both}.login-eyebrow{color:#6a6563}.login-sub{color:#4a4644;margin-bottom:8px}.login-sub strong{color:var(--ink);font-weight:500}.login-label{color:#5b5654;margin-top:4px;font-size:11px}.login-input{border-radius:var(--r-sm);background:var(--chalk);height:46px;color:var(--ink);font:16px var(--sans);transition:border-color var(--t) var(--snap), box-shadow var(--t) var(--snap);border:1px solid #c9c5c2;outline:none;padding:0 14px}.login-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 10%, transparent)}.login-btn{justify-content:center;height:44px}.login-card .btn.light{background:var(--ink);color:var(--bone)}.login-card .btn.light:hover{background:#26221f}.login-card .btn.ghost{color:var(--ink);border-color:#c9c5c2}.login-card .btn:disabled{opacity:.45}.login-error{color:#c24a0f;font-size:14px}.login-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:6px 0;display:grid}.login-box{text-align:center;width:100%;min-width:0;height:58px;font:26px var(--mono);background:var(--chalk);color:var(--ink);transition:border-color var(--t) var(--snap), box-shadow var(--t) var(--snap);border:1px solid #c9c5c2;border-radius:6px;outline:none}.login-box:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 25%, transparent)}.login-box.pop{animation:boxPop .3s var(--ease)}@keyframes boxPop{40%{transform:scale(1.08)}}.login-check{color:#4a4644;cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.login-check input{width:16px;height:16px;accent-color:var(--ink)}.login-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:6px;display:grid}.login-resend{color:#6a6563}.login-link{color:var(--ink);text-underline-offset:3px;font-size:14px;text-decoration:underline}@media (max-width:900px){.login-screen{grid-template-columns:1fr;gap:40px}.login-board{display:none}}