/* SmartkitStudio apps: sign-in, checkout and message pages */
:root{--bg:#F4F3F0;--card:#FFFFFF;--text:#16181D;--muted:#545A66;--line:#DEDAD2;--accent:#C8102E;--accent-ink:#FFFFFF;--btn:#16181D;--btn-ink:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--bg:#0B0B0C;--card:#17181B;--text:#F2F2F3;--muted:#A3A7B0;--line:#2A2C31;--btn:#F2F2F3;--btn-ink:#0B0B0C}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body{min-height:100vh;display:grid;place-items:center;padding:24px 16px;padding-top:max(24px,env(safe-area-inset-top))}
.gb-box{width:100%;max-width:440px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px 24px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.gb-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;margin-bottom:18px}
.gb-logo img{border-radius:14px}
h1{font-size:24px;line-height:1.25;margin:0 0 10px;letter-spacing:-.01em}
p{margin:0 0 14px}
a{color:inherit}
.gb-small{font-size:13px;color:var(--muted)}
.gb-btn,.gb-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;border:0;cursor:pointer;
  font:600 16px/1 inherit;font-family:inherit;text-decoration:none;background:var(--btn);color:var(--btn-ink)}
.gb-google{width:100%;background:#FFFFFF;color:#1F1F1F;border:1px solid #747775;font-weight:500}
.gb-btn:focus-visible,.gb-google:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.gb-btn[disabled]{opacity:.6;cursor:default}