@layer components{.signin-page{--sprout:#6fc08a;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.signin-page .left{background:var(--deep);color:var(--deep-ink);align-content:space-between;gap:2rem;padding:2.5rem;display:grid}.signin-page .left .wordmark{color:var(--deep-ink);align-items:center;gap:.55rem;font-size:1.25rem;font-weight:700;display:flex}.signin-page .left .wordmark .mk{border:2px solid var(--deep-ink);border-radius:3px;width:1.35rem;height:1.35rem;position:relative}.signin-page .left .wordmark .mk:after{content:"";background:var(--sprout);border-radius:1px;width:.45rem;height:.45rem;position:absolute;top:.28rem;left:.28rem}.signin-page .left .stage{max-width:26rem;margin:0;font-size:1.25rem;font-weight:500;line-height:1.4}.signin-page .left .scope{color:var(--deep-ink-2);margin:0;font-size:.78rem}.signin-page .right{background:var(--paper);place-items:center;padding:2.5rem;display:grid}.signin-page .form{gap:.85rem;width:100%;max-width:22rem;display:grid}.signin-page .form h1{color:var(--ink);margin:0;font-size:1.5rem;font-weight:700}.signin-page .form p{color:var(--ink-2);margin:0;font-size:.92rem}.signin-page .form .note{border-top:1px solid var(--rule-soft);color:var(--ink-3);padding-top:.8rem;font-size:.8rem}.signin-page .form a{color:var(--link)}.signin-page .fields{gap:.85rem;display:grid}.signin-page .fields label{color:var(--ink-2);gap:.3rem;font-size:.8rem;font-weight:500;display:grid}.signin-page .fields input{border:1px solid var(--rule);background:var(--card);color:var(--ink);font:inherit;border-radius:6px;padding:.6rem .75rem;font-size:.95rem}.signin-page .fields input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.signin-page .fields button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:6px;padding:.7rem;font-size:.95rem;font-weight:600}.signin-page .fields button:disabled{opacity:.55;cursor:default}.signin-page .fields .err{color:var(--nobid);margin:0;font-size:.85rem}.signin-page .fields .alt{color:var(--ink-3);font-size:.8rem}@media (max-width:820px){.signin-page{grid-template-columns:1fr}.signin-page .left{gap:1.5rem}}}