.trial-registration { --trial-accent: #4bdcff; color: #edf5fa; font-size: 15px; text-align: center; }
.trial-registration * { box-sizing: border-box; }
.trial-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; list-style: none; padding: 0; margin: 0 0 20px; }
.trial-steps li { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 12px; border: 1px solid #334555; border-radius: 12px; color: #a9b7c7; font-size: 13px; }
.trial-step-number { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 50%; background: #233443; font-size: 12px; font-weight: 700; }
.trial-steps li[aria-current="step"] { border-color: var(--trial-accent); color: #fff; background: rgba(47,164,196,.1); box-shadow: inset 0 0 0 1px rgba(75,220,255,.15); }
.trial-steps li[aria-current="step"] .trial-step-number { background: var(--trial-accent); color: #071522; }
.trial-eyebrow { display: block; font-size: 10px; letter-spacing: .14em; font-weight: 700; color: var(--trial-accent); margin-bottom: 10px; }
.trial-registration h2 { font-size: clamp(24px,5.5vw,30px); letter-spacing: -.035em; line-height: 1.16; margin: 0 0 12px; }
.trial-registration p { line-height: 1.5; }
.trial-intro { color: #a9b7c7; margin: 0 0 12px; font-size: 14px; }
.trial-benefits { display: flex; justify-content: center; gap: 8px 18px; flex-wrap: wrap; font-size: 12px; color: #bde8d3; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #263846; }
.trial-registration h3 { margin: 0 0 12px; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
.trial-registration label { display: block; margin: 16px 0 7px; font-size: 13px; font-weight: 600; text-align: left; }
.trial-label-note { font-weight: 400; color: #99adbd; }
.trial-registration input { display: block; width: 100%; min-width: 0; height: 48px; border: 1px solid #3a5266; border-radius: 10px; padding: 12px 14px; background: #102331; color: #fff; font-size: 16px; transition: border-color .15s,box-shadow .15s; }
.trial-registration input::placeholder { color: #8a9eae; }
.trial-registration input:focus { border-color: var(--trial-accent); box-shadow: 0 0 0 3px rgba(75,220,255,.12); outline: none; }
.trial-help { display: block; color: #a9b7c7; font-size: 12px; line-height: 1.5; margin-top: 7px; }
.trial-registration [hidden] { display: none !important; }
.trial-registration[data-current-step="2"] > .trial-eyebrow,
.trial-registration[data-current-step="2"] > h2,
.trial-registration[data-current-step="2"] > .trial-intro,
.trial-registration[data-current-step="2"] > .trial-benefits { display: none; }
.trial-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 10px; background: #2fa4c4; color: #fff; cursor: pointer; font-size: 15px; font-weight: 650; text-decoration: none; margin-top: 22px; }
.trial-primary { width: 100%; background: linear-gradient(110deg,#187b9c,#176784); box-shadow: 0 5px 18px rgba(0,0,0,.2); }
.trial-primary:hover { background: #208db0; }
.trial-button:disabled { opacity: .65; cursor: wait; }
.trial-actions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: stretch; gap: 12px; }
.trial-actions .trial-button { width: 100%; min-width: 0; height: 48px; padding: 12px; font-size: 14px; }
.trial-back { background: #142c3c; border: 1px solid #3a5266; color: #edf5fa; font-weight: 650; }
.trial-back:hover { color: #fff; }
.trial-footer-note { color: #99adbd; text-align: center; font-size: 11px; margin: 10px 0 0; }
.trial-step-copy { color: #a9b7c7; font-size: 13px; margin: 0; }
.trial-error { display: block; color: #ff9898; margin-top: 6px; overflow-wrap: anywhere; font-size: 13px; }
.trial-error:empty { display: none; }
.trial-password-field { position: relative; }
.trial-password-field input { padding-right: 88px; }
.trial-password-toggle { position: absolute; right: 5px; top: 4px; min-height: 40px; padding: 0 9px; border: 0; background: transparent; color: #bbd5e5; font-size: 12px; cursor: pointer; }
.trial-button:focus-visible, .trial-password-toggle:focus-visible { outline: 3px solid var(--trial-accent); outline-offset: 3px; }
.trial-success-icon { display: grid; place-items: center; width: 52px; height: 52px; background: rgba(58,210,126,.12); border: 1px solid #3ad27e; border-radius: 50%; color: #3ad27e; font-size: 26px; margin-bottom: 20px; }
#trialDialog .trial-dialog-panel { display: flex; flex-direction: column; height: auto; flex-basis: 500px; max-width: 500px; padding: 58px 32px 20px; background: radial-gradient(ellipse at top right,rgba(47,164,196,.1),transparent 60%),#091522; }
#trialDialogContent { height: auto; min-height: 0; flex: 0 1 auto; }
.trial-success-icon { margin-left: auto; margin-right: auto; }
@media (max-width: 480px) {
  #trialDialog .trial-dialog-panel { padding: 58px 20px 16px; }
  .trial-steps { margin-bottom: 14px; gap: 8px; }
  .trial-steps li { padding: 7px; gap: 7px; }
  .trial-eyebrow { margin-bottom: 7px; font-size: 9px; }
  .trial-registration h2 { font-size: 24px; margin-bottom: 8px; }
  .trial-intro { font-size: 12px; margin-bottom: 9px; }
  .trial-benefits { gap: 7px 12px; padding-bottom: 12px; margin-bottom: 12px; font-size: 11px; }
  .trial-registration h3 { font-size: 16px; margin-bottom: 8px; }
  .trial-registration label { margin-top: 12px; }
  .trial-help { font-size: 11px; line-height: 1.4; margin-top: 5px; }
  .trial-button { margin-top: 16px; }
  .trial-footer-note { font-size: 10px; line-height: 1.4; }
}
.login-card:has(.trial-registration) { background: #091522; color: #edf5fa; }