.signin-card{background:var(--s1);border-radius:var(--r-panel);box-shadow:var(--elev-1);padding:28px 22px 24px}@media (min-width:640px){.signin-card{padding:32px 28px 28px}}.signin-card .signin-input{background:var(--s2);border-color:#0000;border-radius:14px;min-height:50px}.signin-card .signin-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.signin-pill{border-radius:999px}.signin-or{color:var(--text-faint);font-size:var(--fs-13);align-items:center;gap:12px;margin-block:6px 2px;display:flex}.signin-or:before,.signin-or:after{content:"";background:var(--line);flex:1;height:1px}.signin-google{background:var(--s2);width:100%;min-height:52px;color:var(--text);font-size:var(--fs-15);transition:background-color var(--dur-1) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:10px;font-weight:600;display:inline-flex}@media (hover:hover){.signin-google:hover:not(:disabled){background:color-mix(in srgb, var(--s2) 85%, var(--text))}}.signin-google:disabled{opacity:.6}.signin-google:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signin-eye{color:var(--text-faint);transition:color var(--dur-1) var(--ease-out);border-radius:12px}@media (hover:hover){.signin-eye:hover{color:var(--text-muted)}}.signin-eye:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;color:var(--text-muted)}