*,:after,:before{box-sizing:border-box}.signin-body{margin:0;background:var(--pale);color:var(--ink);font-family:var(--font-thai),var(--font-latin),system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}.signin{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--s-4) var(--gutter-m)}.signin__card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-card);max-width:30rem;padding:var(--s-5) var(--s-4);width:100%}.signin__mark{display:block;height:auto;margin-bottom:var(--s-4);max-width:150px;width:100%}.signin__eyebrow{color:var(--slate);font-size:14px;letter-spacing:.04em;margin:0 0 var(--s-1)}.signin__heading{color:var(--black);font-size:24px;font-weight:600;line-height:1.35;margin:0 0 var(--s-2)}.signin__account{color:var(--slate);font-size:14px;margin:0 0 var(--s-2);overflow-wrap:anywhere}.signin__body{margin:0 0 var(--s-4)}.signin__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3)}.signin__actions--secondary{margin-top:var(--s-3)}.google-signin__mark{flex:0 0 auto}.signin__button{align-items:center;background:var(--brand);border-radius:var(--r-button);color:var(--white);display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:var(--control-h);padding:0 var(--s-3);text-decoration:none;transition:background var(--dur-fast) ease}.signin__button:hover{background:var(--brand-hover)}.signin__button:active{background:var(--brand-active);transform:translateY(1px)}.signin__button:focus-visible{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--brand);outline:none}.signin__button--google{background:var(--white);border:1px solid #747775;color:#1f1f1f;gap:var(--s-2);width:100%}.signin__button--google:hover{background:#f2f2f2}.signin__button--google:active{background:var(--border)}.signin__button--google:focus-visible{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--brand)}.signin__link{align-items:center;color:var(--slate);display:inline-flex;min-height:var(--control-h);text-underline-offset:3px}.signin__link:hover{color:var(--ink)}.signin__help{border-top:1px solid var(--border);color:var(--slate);font-size:14px;margin:var(--s-4) 0 0;padding-top:var(--s-3)}@media (prefers-reduced-motion:reduce){.signin__button{transition:none}.signin__button:active{transform:none}}