/* ============================================================
   v3 pages/registration.css: the trial sign-up flow, Registration.aspx
   and the Confirmation.aspx it lands on (rt-conf-). No prototype of
   their own; built from the shared v3 parts. The form is the site's
   first form, so its field styles live here.
   ============================================================ */

.rt-reg-grid{display:grid;gap:20px;align-items:start}

/* the form card */
.rt-reg-form{border:1px solid var(--rt-line);border-radius:16px;background:#fff;padding:22px}
.rt-reg-sec + .rt-reg-sec{margin-top:22px}
.rt-reg-sec .rt-num{margin-bottom:12px}
.rt-reg-fields{display:grid;gap:14px}
.rt-reg-field label{display:block;font-size:14px;font-weight:700;color:var(--rt-ink);margin-bottom:6px}
.rt-reg-field input{display:block;width:100%;min-height:48px;padding:0 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:inherit;font-size:16px;color:var(--rt-ink)}
.rt-reg-field input::placeholder{color:#94a3b8}
.rt-reg-field input:focus{outline:none;border-color:var(--rt-slate);box-shadow:0 0 0 3px rgba(61,90,122,.18)}
.rt-reg-submit{margin-top:24px}
.rt-reg-submit .rt-btn{width:100%;min-height:52px;font-size:16px}
.rt-reg-submit .rt-btn[aria-disabled="true"]{opacity:.7;cursor:progress}
.rt-reg-fine{font-size:13.5px;color:var(--rt-muted);margin-top:10px;text-align:center}
.rt-reg-form .rt-ticks{margin-top:20px}
.rt-reg-form .rt-ticks li{font-size:14.5px;font-weight:400;color:var(--rt-body)}
.rt-reg-form .rt-ticks strong{color:var(--rt-ink)}

/* the trap field: off screen, not display:none (bots skip what is not displayed) */
.rt-reg-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* server validation */
.rt-reg-error{display:flex;gap:12px;border:1px solid #fecaca;border-left:4px solid var(--rt-red);border-radius:12px;background:#fef2f2;padding:14px 16px;margin-bottom:20px;font-size:14px;color:#7f1d1d}
.rt-reg-error svg{flex:0 0 auto;width:20px;height:20px;color:var(--rt-red);margin-top:1px}
.rt-reg-error strong{display:block;color:#991b1b;margin-bottom:2px}

/* a refusal: the message alone, calmer than the field errors */
.rt-reg-refusal{display:flex;gap:12px;border:1px solid #cbd5e1;border-left:4px solid var(--rt-slate);border-radius:12px;background:var(--rt-soft);padding:14px 16px;margin-bottom:20px;font-size:14.5px;color:var(--rt-ink)}
.rt-reg-refusal svg{flex:0 0 auto;width:20px;height:20px;color:var(--rt-slate);margin-top:1px}
.rt-reg-refusal p{margin:0}

/* the side card */
.rt-reg-side{border:1px solid var(--rt-line);border-radius:16px;background:var(--rt-soft);padding:22px}
.rt-reg-side h3{font-size:19px;margin:6px 0 4px}
.rt-reg-side .rt-ticks li{font-size:14.5px}
.rt-reg-side hr{border:0;border-top:1px solid var(--rt-line);margin:20px 0}
.rt-reg-side p{font-size:14.5px}
.rt-reg-side a.rt-reg-contact{display:block;font-weight:700;color:var(--rt-slate);margin-top:6px}
.rt-reg-trust{font-size:13px;color:var(--rt-muted);margin-top:16px}

/* Confirmation: the email notice, the numbered steps, the log-in link */
.rt-conf-mail{display:flex;gap:14px;align-items:flex-start;border:1px solid #bbf7d0;border-left:4px solid var(--rt-ok);border-radius:12px;background:#f0fdf4;padding:16px 18px;margin-bottom:26px}
.rt-conf-mail svg{flex:0 0 auto;width:22px;height:22px;color:var(--rt-ok);margin-top:2px}
.rt-conf-mail strong{display:block;font-size:16px;color:var(--rt-ink);margin-bottom:2px}
.rt-conf-mail p{font-size:14.5px}
.rt-reg-form h2{font-size:22px;margin-bottom:16px}
.rt-conf-steps{list-style:none;margin:0;padding:0;counter-reset:rt-conf}
.rt-conf-steps li{position:relative;padding:0 0 18px 48px;counter-increment:rt-conf}
.rt-conf-steps li:before{content:counter(rt-conf);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--rt-night);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.rt-conf-steps h3{font-size:16.5px;margin:4px 0 4px}
.rt-conf-steps p{font-size:14.5px}

@media(min-width:700px){.rt-reg-two{grid-template-columns:1fr 1fr}}
@media(min-width:900px){
  .rt-reg-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}
  .rt-reg-form{padding:32px}
  .rt-reg-side{padding:28px}
}