/* =====================================================================
   LingoVoice — LUMEN auth skin
   Scoped to the sign-in / create-account screen ONLY (#authScreen).
   Bridges the marketing site (lumen.css) and the app without touching
   the in-room experience. Loaded after app.css so it wins the cascade.
   ===================================================================== */

#authScreen.auth-screen{
  background:#FAFBFC;
}
#authScreen.auth-screen::before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(1200px 560px at 82% -10%,rgba(37,99,235,.07),transparent 60%),
             radial-gradient(820px 560px at 4% 8%,rgba(56,189,248,.045),transparent 55%);
}
#authScreen .auth-screen-content{
  position:relative;
  background:#FFFFFF;
  border:1px solid rgba(12,26,43,.13);
  border-radius:18px;
  padding:42px 38px 38px;
  box-shadow:0 2px 6px rgba(12,26,43,.05),0 16px 38px rgba(12,26,43,.08);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* brand */
#authScreen .auth-logo{gap:11px;margin-bottom:18px}
#authScreen .auth-logo .lv-auth-mark{
  width:36px;height:36px;border-radius:11px;flex-shrink:0;
  background:linear-gradient(155deg,#5B8DEF,#1D4FD7);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 13px rgba(37,99,235,.36),inset 0 1px 0 rgba(255,255,255,.3);
}
#authScreen .auth-logo .lv-auth-mark svg{width:20px;height:20px}
#authScreen .auth-logo h1{
  font-family:'Geist','Inter',sans-serif;
  font-size:21px;font-weight:600;letter-spacing:-.02em;
  color:#0C1A2B;
}
#authScreen .auth-logo h1 .rmark{font-size:10px;font-weight:500;opacity:.55;position:relative;top:-7px;margin-left:1px}
#authScreen .auth-value-prop{margin-bottom:26px}
#authScreen .auth-value-prop p{color:#43525F;font-size:14.5px}

/* tabs */
#authScreen .auth-tabs{gap:8px;margin-bottom:22px}
#authScreen .auth-tab{
  border:1px solid rgba(12,26,43,.13);border-radius:9px;
  background:#fff;color:#43525F;font-weight:600;font-size:14px;
}
#authScreen .auth-tab.active{
  background:#2563EB;border-color:#2563EB;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(29,79,215,.45),0 6px 16px rgba(37,99,235,.22);
}
#authScreen .auth-tab:hover:not(.active){border-color:rgba(37,99,235,.45);background:#F0F4FE;color:#0C1A2B}

/* form */
#authScreen .form-group label{color:#0C1A2B;font-size:13.5px;font-weight:600}
#authScreen .form-control{
  background:#fff;border:1px solid rgba(12,26,43,.18);border-radius:9px;
  color:#0C1A2B;min-height:44px;font-size:15px;
  transition:border-color .15s,box-shadow .15s;
}
#authScreen .form-control::placeholder{color:#7A8896}
#authScreen .form-control:focus{
  border-color:#2563EB;outline:none;
  box-shadow:0 0 0 3px rgba(37,99,235,.18);
}
#authScreen .btn-toggle-password{color:#7A8896}
#authScreen .forgot-password-link{color:#1D4FD7 !important;font-weight:500}

/* error */
#authScreen .auth-error{
  background:#FEF2F2;border:1px solid rgba(220,38,38,.25);
  color:#B91C1C;border-radius:9px;
}

/* primary button */
#authScreen .btn-auth-primary{
  background:#2563EB;border-radius:9px;min-height:48px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:15.5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(29,79,215,.45),0 10px 24px rgba(37,99,235,.26);
  transition:transform .18s ease,box-shadow .18s ease,background .18s;
}
#authScreen .btn-auth-primary:hover{
  background:#1D4FD7;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 4px rgba(29,79,215,.45),0 14px 30px rgba(37,99,235,.32);
}

/* divider + oauth */
#authScreen .auth-divider::before,#authScreen .auth-divider::after{background:rgba(12,26,43,.10)}
#authScreen .auth-divider span{color:#7A8896;font-size:12.5px}
#authScreen .oauth-btn{
  background:#fff;border:1px solid rgba(12,26,43,.13);border-radius:9px;
  color:#0C1A2B;font-weight:600;min-height:46px;
  box-shadow:0 1px 2px rgba(12,26,43,.05);
  transition:transform .18s ease,border-color .18s,background .18s;
}
#authScreen .oauth-btn:hover{border-color:rgba(37,99,235,.45);background:#F0F4FE;transform:translateY(-1px)}