@layer components{.login{background:var(--paper);min-height:100svh;animation:otto-reveal .5s var(--ease-out);grid-template-columns:minmax(320px,5fr) 7fr;display:grid}.login-side{justify-content:space-between;gap:var(--s12);padding:var(--s12);background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;display:flex}.login-side-text{color:var(--ink);white-space:nowrap;margin:0;font-size:18px;font-weight:500;line-height:1.3}.login-main{justify-content:center;align-items:center;gap:var(--s6);padding:var(--s12) var(--s6);flex-direction:column;display:flex}.login-mark{display:none}.login-card{width:100%;max-width:440px;padding:var(--s10) var(--s8);background:var(--surface);border:1px solid var(--line)}.login-form{gap:var(--s5);display:grid}.login-head{gap:var(--s2);display:grid}.login-head h1{font-size:34px}.login-head p{color:var(--muted)}.login-email{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.login-field{gap:var(--s2);display:grid}.login-submit{width:100%;min-height:48px}.login-error{align-items:flex-start;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);font-size:15px;line-height:1.45;display:flex}.login-error .icon{color:var(--status-attention);margin-top:1px}.login-otp-group{width:100%}.login-otp-slot{flex:1;width:auto;min-width:0;height:56px;font-size:22px}.login-back{justify-self:center}.login-foot{text-align:center}.login-head .connect-store{color:var(--green)}.connect-account{align-items:start;gap:var(--s1) var(--s3);padding:var(--s3) var(--s4);background:var(--hover-ground);border:1px solid var(--line);color:var(--ink-2);grid-template-columns:auto minmax(0,1fr);font-size:15px;line-height:1.45;display:grid}.connect-account .icon{color:var(--green);margin-top:1px}.connect-account b{color:var(--ink);overflow-wrap:anywhere}.connect-account .text-button{grid-column:2;justify-self:start;min-height:44px;padding:0}.connect-back{min-height:56px;font-size:17px;text-decoration:none}@media (max-width:900px){.login{display:block}.login-side{display:none}.login-mark{display:block}.login-main{min-height:100svh;padding:var(--s12) var(--s4) var(--s8);justify-content:flex-start}}@media (max-width:700px){.login-card{padding:var(--s8) var(--s5)}.login-head h1{font-size:30px}.login-otp-slot{height:52px}}}