.register-shell { display: grid; gap: 0; grid-template-columns: minmax(300px, .75fr) minmax(520px, 1.25fr); margin: 34px auto 60px; max-width: 1100px; padding: 0 24px; }
.selected-plan { background: linear-gradient(145deg, #10233d, #174f78 58%, #168c83); border-radius: 8px 0 0 8px; color: #fff; padding: 50px 42px; }
.selected-plan h1, .selected-plan p, .selected-plan a { color: #fff; }
.selected-plan .eyebrow { color: #83e8dc; }
.selected-plan h1 { font-size: 2.7rem; margin-bottom: 4px; }
.selected-plan > a { display: inline-block; font-weight: 850; margin-top: 22px; text-decoration: underline; }
.plan-symbol { align-items: center; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.2); border-radius: 50%; display: flex; font-size: 1.6rem; height: 58px; justify-content: center; margin: 30px 0 20px; width: 58px; }
.register-price { color: #83e8dc !important; font-size: 1.25rem; font-weight: 900; }
.selected-plan ul { display: grid; gap: 10px; list-style: none; margin: 28px 0 0; padding: 0; }
.selected-plan li { font-size: .88rem; padding-left: 22px; position: relative; }
.selected-plan li::before { color: #83e8dc; content: "✓"; left: 0; position: absolute; }
.register-panel { background: #fff; border: 1px solid var(--line); border-radius: 0 8px 8px 0; padding: 46px; }
.register-heading { margin-bottom: 28px; }
.register-heading h2 { font-size: 2rem; }
.register-heading > p:last-child { color: var(--muted); }
.register-form { display: grid; gap: 18px; }
.form-columns { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; }
.register-form select, .register-form textarea { background: var(--soft); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font: inherit; padding: 12px; width: 100%; }
.register-form select { min-height: 48px; }
.terms-row { align-items: flex-start; display: flex !important; flex-direction: row !important; font-size: .8rem; gap: 9px; }
.terms-row input { flex: 0 0 auto; margin-top: 2px; width: auto; }
.register-success { align-content: center; min-height: 520px; text-align: center; }
.register-success[hidden] { display: none; }
.success-mark { align-items: center; background: #e9f7f5; border-radius: 50%; color: #168c83; display: flex; font-size: 2rem; height: 70px; justify-content: center; margin: 0 auto 24px; width: 70px; }
.register-success p { color: var(--muted); margin-left: auto; margin-right: auto; max-width: 520px; }
.register-success .button { margin-top: 18px; }
@media (max-width: 850px) { .register-shell { grid-template-columns: 1fr; } .selected-plan { border-radius: 8px 8px 0 0; padding: 36px; } .register-panel { border-radius: 0 0 8px 8px; } }
@media (max-width: 600px) { .register-shell { padding: 0 16px; } .register-panel { padding: 30px 20px; } .form-columns { grid-template-columns: 1fr; } }