/* STT_UI_REFRESH_V1: four-page cosmetic design only; no account/payment logic. */
:root{--stt-ink:#061426;--stt-navy:#091d38;--stt-blue:#3998d4;--stt-bright:#27afff;--stt-lavender:#956cda;--stt-text:#f3f8ff;--stt-muted:#acc2de}
html{min-height:100%;background-color:#07152b}
body.stt-design-login,body.stt-design-access,body.stt-design-payment,body.stt-design-signup{
  background:radial-gradient(ellipse 80% 55% at 14% 27%,rgba(19,94,161,.24),transparent 72%),radial-gradient(ellipse 70% 65% at 98% 8%,rgba(91,67,163,.2),transparent 75%),linear-gradient(125deg,#061423 0%,#0a2344 56%,#192450 100%)!important;
  background-attachment:fixed!important;color:var(--stt-text);min-height:100vh;
}
body.stt-design-login *,body.stt-design-access *,body.stt-design-payment *,body.stt-design-signup *{box-sizing:border-box}
/* The existing structure stays in place; style only the identified outer cards. */
.stt-refresh-login-card,.stt-refresh-access-card,.stt-refresh-payment-card,.stt-refresh-signup-shell{
  background:linear-gradient(148deg,rgba(20,48,84,.97) 0%,rgba(8,25,45,.98) 100%)!important;
  border:1px solid rgba(77,162,219,.28)!important;
  box-shadow:0 24px 70px rgba(1,10,23,.33),inset 0 1px 0 rgba(147,194,246,.06)!important;
  border-radius:19px!important;
}
.stt-refresh-signup-shell{overflow:hidden}
.stt-refresh-feature-card,.stt-refresh-form-card{
  background:linear-gradient(145deg,rgba(15,49,83,.72),rgba(7,24,43,.86))!important;
  border:1px solid rgba(75,154,211,.25)!important;
  border-radius:17px!important;
}
.stt-refresh-login-card h1,.stt-refresh-login-card h2,
.stt-refresh-signup-shell h1,.stt-refresh-signup-shell h2,
.stt-refresh-payment-card h1,.stt-refresh-payment-card h2,
.stt-refresh-access-card h1,.stt-refresh-access-card h2{color:#f7fbff!important;letter-spacing:-.025em}
.stt-design-login input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
.stt-design-signup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
.stt-design-payment input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]){
  background:#081625!important;border:1px solid #345675!important;border-radius:10px!important;color:#f4f8ff!important;
  outline:0!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s;
}
.stt-design-login input:focus,.stt-design-signup input:focus,.stt-design-payment input:focus{
  border-color:var(--stt-blue)!important;box-shadow:0 0 0 3px rgba(57,152,212,.19)!important;
}
body.stt-design-login .stt-refresh-primary:not(:disabled),
body.stt-design-access .stt-refresh-primary:not(:disabled),
body.stt-design-payment .stt-refresh-primary:not(:disabled),
body.stt-design-signup .stt-refresh-primary:not(:disabled),
body.stt-design-login input[type="submit"]:not(:disabled),
body.stt-design-login button[type="submit"]:not(:disabled),
body.stt-design-signup input[type="submit"]:not(:disabled),
body.stt-design-signup button[type="submit"]:not(:disabled){
  background:linear-gradient(110deg,#118ad8 0%,#439bde 100%)!important;color:#061725!important;
  border:1px solid rgba(67,155,222,.7)!important;border-radius:11px!important;
  box-shadow:0 10px 25px rgba(10,136,213,.18)!important;font-weight:800!important;text-decoration:none!important;
  text-shadow:none!important;transition:filter .18s,transform .18s!important;
}
body.stt-design-login .stt-refresh-primary:not(:disabled):hover,
body.stt-design-access .stt-refresh-primary:not(:disabled):hover,
body.stt-design-payment .stt-refresh-primary:not(:disabled):hover,
body.stt-design-signup .stt-refresh-primary:not(:disabled):hover,
body.stt-design-login button[type="submit"]:not(:disabled):hover,
body.stt-design-signup button[type="submit"]:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}
body.stt-design-login input[type="submit"]:disabled,
body.stt-design-login button[type="submit"]:disabled,
body.stt-design-signup input[type="submit"]:disabled,
body.stt-design-signup button[type="submit"]:disabled{
  background:#1a3553!important;color:#98abc0!important;border:1px solid rgba(84,143,190,.36)!important;
  opacity:.7!important;box-shadow:none!important;cursor:not-allowed!important;
}
body.stt-design-login a:not(.stt-refresh-primary):hover,
body.stt-design-signup a:not(.stt-refresh-primary):hover,
body.stt-design-payment a:not(.stt-refresh-primary):hover{color:#8ed7ff!important}
body.stt-design-signup .stt-refresh-brand-img{display:block;margin-left:auto;margin-right:auto;width:min(275px,78%)!important;max-width:100%!important;max-height:110px!important;height:auto!important;object-fit:contain!important}
body.stt-design-signup .stt-refresh-feature-card :is(h2,h3){color:#f6faff!important}
body.stt-design-signup .stt-refresh-feature-card :is(p,small){color:#bed0e9!important}
body.stt-design-signup .stt-refresh-feature-card :is(li,article){border-color:rgba(64,163,226,.32)!important}
body.stt-design-payment .stt-refresh-payment-card{max-width:680px}
body.stt-design-access .stt-refresh-access-card{border-top:3px solid var(--stt-blue)!important}
@media(max-width:650px){
  .stt-refresh-login-card,.stt-refresh-payment-card,.stt-refresh-access-card,.stt-refresh-signup-shell{border-radius:14px!important}
  body.stt-design-signup .stt-refresh-brand-img{width:min(230px,82%)!important}
}
@media(prefers-reduced-motion:reduce){.stt-refresh-primary{transition:none!important;transform:none!important}}

/* STT_AUTH_POLISH_V2: unified navy/blue authentication palette. */
body.stt-design-access, body.stt-design-forgot {
  background:radial-gradient(ellipse 70% 65% at 10% 42%,rgba(30,115,187,.17),transparent 72%),
    radial-gradient(ellipse 60% 68% at 98% 9%,rgba(89,70,156,.11),transparent 70%),
    linear-gradient(125deg,#061625 0%,#0b2037 65%,#101e38 100%) !important;
  background-attachment:fixed!important;color:#f4f9ff!important;
}
body.stt-design-access .stt-refresh-access-card,
body.stt-design-forgot .stt-refresh-forgot-card {
  position:relative!important;
  background:linear-gradient(149deg,#153352 0%,#0c243e 48%,#081b30 100%)!important;
  border:1px solid rgba(72,154,216,.36)!important;
  border-top:3px solid #3998d4!important;
  border-radius:20px!important;
  box-shadow:0 26px 70px rgba(0,9,24,.42),inset 0 1px rgba(178,223,255,.06)!important;
  color:#f4f9ff!important;
}
body.stt-design-access .stt-refresh-access-card::before,
body.stt-design-forgot .stt-refresh-forgot-card::before {
  background:linear-gradient(90deg,#1598ed 0%,#3998d4 58%,#956cda 100%)!important;
  border-color:transparent!important;
}
body.stt-design-access .stt-refresh-access-card::after,
body.stt-design-forgot .stt-refresh-forgot-card::after {
  border-color:rgba(54,167,239,.34)!important;
}
body.stt-design-access .stt-auth-pill,
body.stt-design-forgot .stt-auth-pill {
  background:rgba(40,149,226,.12)!important;
  border:1px solid rgba(65,176,249,.35)!important;
  color:#8ed8ff!important;
  box-shadow:none!important;
  text-shadow:none!important;
  letter-spacing:.09em!important;
}
body.stt-design-access .stt-refresh-access-card :is(h1,h2,h3),
body.stt-design-forgot .stt-refresh-forgot-card :is(h1,h2,h3) {color:#f5f9ff!important}
body.stt-design-forgot .stt-refresh-forgot-card :is(label,p,small) {color:#c7d9ec}
body.stt-design-access .stt-refresh-access-card .stt-refresh-primary,
body.stt-design-forgot .stt-refresh-forgot-card .stt-refresh-primary:not(:disabled),
body.stt-design-forgot .stt-refresh-forgot-card button[type="submit"]:not(:disabled),
body.stt-design-forgot .stt-refresh-forgot-card input[type="submit"]:not(:disabled){
  background:linear-gradient(110deg,#168bd5,#439bde)!important;
  background-color:#279fe7!important;
  border:1px solid #439bde!important;
  color:#071b2a!important;
  text-shadow:none!important;
  font-weight:800!important;
  box-shadow:0 9px 27px rgba(18,135,210,.23)!important;
  opacity:1!important;
}
body.stt-design-forgot .stt-refresh-forgot-card :is(button,input[type="submit"]):disabled{
  background:#244a6e!important;
  background-image:none!important;
  color:#c4d6e7!important;
  border:1px solid #3e6687!important;
  opacity:.76!important;
  box-shadow:none!important;
  text-shadow:none!important;
  cursor:not-allowed!important;
}
body.stt-design-forgot input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]){
  background:#0b233c!important;
  border:1px solid #315a7d!important;
  border-radius:11px!important;
  color:#f5faff!important;
  box-shadow:none!important;
}
body.stt-design-forgot input:focus{
  outline:0!important;
  border-color:#42aaf0!important;
  box-shadow:0 0 0 3px rgba(57,152,212,.19)!important;
}
body.stt-design-forgot .stt-auth-secondary-link,
body.stt-design-access .stt-auth-secondary-link{
  color:#61c3ff!important;text-decoration:none!important;
}
body.stt-design-forgot .stt-auth-secondary-link:hover,
body.stt-design-access .stt-auth-secondary-link:hover{color:#9ce0ff!important}
body.stt-design-access .stt-refresh-access-card :is([class*="lock"],[class*="Lock"]){
  --lock-color:#3998d4!important;
}
@media(max-width:640px){
  body.stt-design-forgot .stt-refresh-forgot-card,
  body.stt-design-access .stt-refresh-access-card {border-radius:16px!important}
}

/* STT_SIGNUP_MATCH_AUTH_V4: match signup's navy panels and bright-blue CTAs. */
:root {--stt-auth-bg:#07192e;--stt-auth-panel:#102e4e;--stt-auth-panel-deep:#091d33;--stt-auth-border:#1e4e76;--stt-auth-blue:#29aafa}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) {
  background:radial-gradient(ellipse 70% 80% at 4% 36%,rgba(6,101,176,.25),transparent 65%),
    radial-gradient(ellipse 63% 76% at 100% 23%,rgba(69,67,160,.21),transparent 72%),
    linear-gradient(110deg,#061729 0%,#0b203b 59%,#18234e 100%) !important;
  background-attachment:fixed!important;color:#f1f7ff!important;
  font-family:Arial,Helvetica,sans-serif;
}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-refresh-login-card,.stt-refresh-access-card,.stt-refresh-forgot-card,.stt-refresh-payment-card){
  background:linear-gradient(148deg,#153658 0%,#102b48 46%,#081b2f 100%) !important;
  border:1px solid rgba(43,131,196,.45)!important;
  border-radius:20px!important;
  box-shadow:0 22px 65px rgba(0,7,19,.35),inset 0 1px rgba(67,155,222,.07)!important;
  color:#f5f9ff!important;
}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-refresh-login-card,.stt-refresh-access-card,.stt-refresh-forgot-card,.stt-refresh-payment-card)::before{
  background:linear-gradient(90deg,#168de2 0%,#439bde 65%,#956cda 100%)!important;
  border-color:transparent!important;
}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-refresh-login-card,.stt-refresh-access-card,.stt-refresh-forgot-card,.stt-refresh-payment-card) :is(h1,h2,h3){color:#f5f9ff!important}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-refresh-login-card,.stt-refresh-access-card,.stt-refresh-forgot-card,.stt-refresh-payment-card) :is(p,small,label){color:#bbd1e9}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-refresh-primary:not(:disabled),button[type="submit"]:not(:disabled),input[type="submit"]:not(:disabled)){
  background:linear-gradient(110deg,#128dd9 0%,#439bde 100%)!important;
  color:#051d30!important;border:1px solid #439bde!important;border-radius:10px!important;
  text-shadow:none!important;font-weight:800!important;
  box-shadow:0 8px 23px rgba(11,130,206,.16)!important;
}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  button[type="submit"]:disabled,input[type="submit"]:disabled){
  background:#254967!important;color:#a8c3d9!important;box-shadow:none!important;opacity:.73!important;
}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  input[type="email"],input[type="text"],input[type="password"]){
  background:#081c30!important;color:#f6fbff!important;
  border:1px solid #285879!important;border-radius:11px!important;
}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  input[type="email"],input[type="text"],input[type="password"]):focus{
  border-color:#32abf3!important;outline:2px solid rgba(67,155,222,.2)!important;
}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-auth-pill){background:#10365a!important;border:1px solid #235d89!important;color:#86d5ff!important}
body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-auth-secondary-link){color:#56c0ff!important;text-decoration:none!important}
/* Do not change layout or field positions on the working signup and account forms. */
@media(max-width:600px){
 body:is(.stt-design-login,.stt-design-access,.stt-design-forgot,.stt-design-payment) :is(
  .stt-refresh-login-card,.stt-refresh-access-card,.stt-refresh-forgot-card,.stt-refresh-payment-card){border-radius:16px!important}
}