/* Sign-in page of the internal stage (served before sign-in, so it stands alone). */
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #171717; color: #292929; font: 16px/1.5 Inter, "Segoe UI", Roboto, Arial, sans-serif; }
.g-wrap { min-height: 100vh; display: grid; place-items: center; padding: 20px 16px; }
.g-card { width: 100%; max-width: 420px; background: #F8F8F6; border-radius: 16px; padding: 28px 24px; }
.g-brand { margin: 0 0 18px; font-weight: 800; letter-spacing: 0.08em; color: #171717; }
.g-eyebrow { margin: 0 0 4px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #A8521B; }
h1 { margin: 0 0 8px; font-size: 1.7rem; color: #171717; }
.g-muted { margin: 0 0 12px; color: #5E5E5A; }
.g-err { background: #FCEBEC; color: #B4232F; border-radius: 10px; padding: 10px 12px; }
label { display: block; font-weight: 600; color: #171717; margin: 14px 0 6px; }
input { width: 100%; font: inherit; padding: 12px; border: 1px solid #D9D9D5; border-radius: 10px; background: #fff; color: #171717; }
input:focus-visible, button:focus-visible { outline: 3px solid #F28C45; outline-offset: 2px; }
button { width: 100%; margin-top: 18px; min-height: 48px; border: 0; border-radius: 10px; background: #F28C45; color: #171717; font: inherit; font-weight: 700; cursor: pointer; }