/* LucentStar lucentstar-auth.css, version 2026-10-14.e3eb79d8d1. Generated by build.py: do not edit here. */
/* Sign-in screens (signalapp.lucentstar.ai) inside the shared header and
   footer: the page title and introduction on the left, the app's own form in
   a card on the right. */
.auth{padding-block:88px 144px}
.auth-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:80px;align-items:center}
.auth-copy{--title-measure:11ch;max-width:none}
.auth-copy .chip-prod{margin-bottom:24px}
.auth-more{margin-top:28px}
.auth-card{width:100%;max-width:480px;justify-self:end}
.auth-form{gap:20px}
.auth-submit{width:100%}
/* Messages the app renders above the fields: one component, three variants,
   the app's own wording. Error: red outline on a light red fill, like the
   form error summary. Success: light green fill, no border. Neutral: Cloud. */
.auth-msg{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;padding:16px 18px;border-radius:16px;font-size:15px;line-height:1.55;color:var(--text)}
.auth-msg:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.auth-msg-ic{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%}
.auth-msg-ic .ic{width:16px;height:16px}
.auth-msg h2{font-weight:600;font-size:16.5px;line-height:1.45;color:var(--navy)}
.auth-msg p{margin-top:2px}
.auth-msg-error{border:2px solid var(--err);background:var(--err-tint)}
.auth-msg-error .auth-msg-ic{background:var(--err);color:var(--white)}
.auth-msg-success{background:var(--green-tint)}
.auth-msg-success .auth-msg-ic{background:var(--green);color:var(--navy)}
.auth-msg-neutral{background:var(--cloud)}
.auth-msg-neutral .auth-msg-ic{background:var(--navy);color:var(--white)}
html.motion .auth-msg{animation:fIn 320ms var(--ease)}
/* Review-only controls under the card (not in the app) */
.auth-proto{flex-direction:column;align-items:flex-start;gap:10px}
.auth-proto p{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.auth-states label{font-weight:600;color:var(--navy)}
.auth-states select{min-height:36px;max-width:100%;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--white);font:500 13.5px/1.2 var(--f);color:var(--navy)}
.auth-note{flex-basis:100%}
.auth-links{margin-top:22px;display:flex;flex-direction:column;gap:6px;font-size:15.5px;line-height:1.55}
.auth-hint{font-size:14.5px;color:var(--muted)}
.auth-reg{margin-top:14px;padding-top:18px;border-top:1px solid var(--line)}
.auth-card .f-proto{margin-top:22px}
@media (max-width:999px){
  .auth{padding-block:64px 104px}
  .auth-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .auth-card{justify-self:stretch;max-width:560px}
}
@media (max-width:599px){
  .auth{padding-block:44px 80px}
  .auth-more{flex-direction:column;align-items:flex-start}
}