.signin{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.signin-card{width:100%;max-width:400px;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius);padding:2rem 1.75rem;box-shadow:0 16px 40px oklch(52% .15 255/.08);animation:rise-in var(--duration-normal) var(--ease-out-expo)}.signin-brand{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.signin-card h1{font-size:1.6rem;letter-spacing:-.02em;margin-top:.2rem}.signin-sub{margin-top:.35rem;font-size:.85rem;color:var(--color-ink-soft)}.signin-form{margin-top:1.5rem;display:grid;grid-gap:.8rem;gap:.8rem}.signin-form label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--color-ink-soft)}.signin-form input{font:inherit;padding:.75rem .9rem;border:1px solid var(--color-line);border-radius:10px;background:var(--color-paper);color:var(--color-ink);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.signin-form input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.signin-submit{margin-top:.4rem;border:none;border-radius:10px;padding:.85rem 1rem;font-weight:600;background:var(--color-accent);color:oklch(98% .005 255);transition:transform var(--duration-fast) var(--ease-out-expo),filter var(--duration-fast)}.signin-submit:hover{transform:translateY(-1px);filter:brightness(1.08)}.signin-submit:disabled{opacity:.6;transform:none}.signin-error{font-size:.83rem;color:var(--color-alert);background:var(--color-alert-soft);border-radius:8px;padding:.6rem .8rem}.signin-toggle{margin-top:1.25rem;font-size:.85rem;color:var(--color-ink-soft);text-align:center}.signin-toggle button{border:none;background:none;color:var(--color-accent);font-weight:600;padding:0}.signin-demo{margin-top:1rem;font-size:.75rem;color:var(--color-ink-soft);text-align:center}.signin-google{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1rem;border:1px solid var(--color-line);border-radius:10px;background:var(--color-paper);color:var(--color-ink);font-weight:600;font-size:.9rem;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast) var(--ease-out-expo)}.signin-google:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);transform:translateY(-1px)}.signin-google:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.signin-google-mark{flex:none}.signin-divider{display:flex;align-items:center;gap:.75rem;margin-top:1.1rem;font-size:.72rem;letter-spacing:.02em;color:var(--color-ink-soft)}.signin-divider:after,.signin-divider:before{content:"";flex:1 1;height:1px;background:var(--color-line)}.signin-divider+.signin-form{margin-top:1.1rem}