/* casttit.com/signin (accounts part 1, 9 Nov 2026): the sign-in steps inside the page's light look */
.signin .cta-box { display: block; }
.signin [hidden] { display: none !important; }
.signin form { margin: 0; display: block; background: none; border: 0; border-radius: 0; padding: 0; }
.signin .btn + form { margin-top: 22px; }
.signin label { display: block; font-weight: 700; margin: 0 0 10px; }
.signin label .muted { display: block; font-weight: 500; font-size: 14px; margin-top: 2px; }
.signin .row { display: flex; flex-wrap: wrap; gap: 10px; }
.signin .row input { flex: 1 1 240px; width: auto; min-width: 0; height: 48px; }
.signin input[type="password"] { width: 100%; height: 48px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line-2);
  background: var(--white); color: var(--text); font: 500 16px var(--body); }
.signin input + label { margin-top: 16px; }
.signin .cta-box .btn { margin-left: 0; height: 48px; }
.signin #si-code { font-size: 20px; letter-spacing: 6px; font-variant-numeric: tabular-nums; }
.signin .small { font-size: 14px; margin: 14px 0 0; }
.signin .cta-box > p:first-child { margin-top: 0; }
.signin .cta-box > .btn[data-signin="continue"] { margin-top: 6px; }
.signin .status { margin: 14px 0 0; }
.signin .status:empty { display: none; }
body.lux .prose .signin a.btn, .signin a.btn { text-decoration: none; }
body.lux .prose .signin a.btn-primary, .signin a.btn-primary { color: #14080A; }
.signin .status.err { color: #C4321A; }
.signin .status.ok { color: #14683D; }