.registration-shell { padding:0 24px 36px; background:radial-gradient(ellipse at 50% 0,#e6f4ee 0,transparent 52%),#f6f8fa; }
.registration-shell > .account-header { max-width:1040px; padding:20px 0; border:0; }
.registration-signin { display:inline-flex; align-items:center; gap:8px; min-height:48px; color:#245957; font-size:14px; text-decoration:none; }
.registration-signin:hover { text-decoration:underline; }
.registration-shell > .registration-main { width:100%; max-width:640px; padding:20px 0 0; margin:0 auto; }
.registration-intro { text-align:center; margin:0 0 24px; }
.registration-trial { display:inline-flex; align-items:center; gap:7px; color:#176965; background:#def2e9; padding:7px 13px; border-radius:999px; font-size:12px; font-weight:650; }
.registration-intro h1 { color:#102845; font-size:clamp(28px,4vw,36px); letter-spacing:-1.1px; line-height:1.15; margin:15px 0 12px; }
.registration-intro > p { color:#637588; font-size:15px; line-height:1.6; margin:0; }
.registration-benefits { display:flex; justify-content:center; gap:10px 18px; flex-wrap:wrap; padding:0; margin:17px 0 0; list-style:none; color:#34584f; font-size:12px; }
.registration-benefits li::before { content:'✓'; color:#176965; font-weight:700; margin-right:6px; }
.registration-shell .registration-panel { width:100%; max-width:none; margin:0; padding:28px; background:#fff; border:1px solid #dce7e3; border-radius:24px; box-shadow:0 12px 40px #173e3807; }
.registration-shell .registration-form { display:flex; flex-direction:column; gap:24px; max-width:none; }
.registration-form fieldset { min-width:0; border:0; padding:0; margin:0; }
.registration-form legend { display:flex; align-items:center; gap:10px; padding:0; margin-bottom:16px; font-size:16px; font-weight:650; color:#102845; }
.registration-form legend > span { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:#edf5f2; color:#176965; font-size:11px; }
.registration-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.registration-fields .registration-full { grid-column:1/-1; }
.registration-shell .registration-form label { display:flex; flex-direction:column; align-items:stretch; gap:7px; font-size:12px; font-weight:600; color:#304856; min-width:0; }
.registration-shell .registration-form input { display:block; width:100%; min-width:0; min-height:48px; background:#fbfcfc; border:1px solid #cfded8; border-radius:10px; padding:11px 12px; font-size:15px; color:#102845; }
.registration-shell .registration-form input:focus { outline:3px solid #bde9df80; outline-offset:1px; border-color:#176965; background:#fff; }
.registration-form input::placeholder { color:#81918e; font-size:13px; font-weight:400; }
.registration-form label small { font-size:11px; font-weight:400; color:#637588; line-height:1.4; }
.registration-password-help { font-size:11px; color:#637588; line-height:1.6; margin:10px 0 0; }
.registration-shell .registration-submit { width:100%; min-height:52px; justify-content:center; border-radius:12px; font-size:15px; }
.registration-reassurance { text-align:center; color:#637588; font-size:12px; line-height:1.6; margin:-14px 0 0; }
.registration-plan { text-align:center; color:#637588; font-size:12px; line-height:1.8; max-width:520px; margin:18px auto 0; }
.registration-plan strong { color:#304856; font-weight:600; }
.registration-plan a { color:#176965; display:inline-block; padding:4px; }
.registration-success { text-align:center; padding:14px 0; }
.registration-success-icon { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:#def2e9; color:#176965; font-size:28px; margin:0 auto 18px; }
.registration-success h2 { font-size:24px; color:#102845; margin:0 0 12px; }
.registration-success p { color:#637588; font-size:15px; line-height:1.7; }
.registration-success .primary { margin:18px auto 0; }
@media (max-width:540px) {
  .registration-shell { padding:0 16px 28px; }
  .registration-shell > .account-header { padding:12px 0; gap:12px; }
  .registration-signin { font-size:12px; }
  .registration-shell > .registration-main { padding-top:14px; }
  .registration-shell .registration-panel { padding:22px 18px; border-radius:20px; }
  .registration-fields { grid-template-columns:minmax(0,1fr); gap:15px; }
  .registration-benefits { gap:8px 12px; font-size:11px; }
  .registration-shell .registration-form input { font-size:16px; }
}