.register-page .app-container { padding-top: 0; padding-bottom: 48px; }
.register-shell { min-height: calc(100vh - 168px); align-items: start; padding-top: 28px; }
.register-shell .auth-copy { padding-top: 10px; }
.register-shell .auth-copy h1 { max-width: 700px; margin: 16px 0 14px; font-size: clamp(3.2rem, 6vw, 5.25rem); }
.register-shell .auth-copy > p { max-width: 610px; margin-bottom: 0; }
.register-shell .floating-cards { margin-top: 22px; }
.register-shell .floating-cards div { display: inline-flex; align-items: center; gap: 9px; padding: 11px 14px; font-size: .8rem; }
.register-shell .floating-cards i { width: 8px; height: 8px; border-radius: 50%; background: #00b894; box-shadow: 0 0 0 5px rgba(0,184,148,.1); }
.register-shell .register-card { width: 100%; max-width: 590px; justify-self: end; padding: clamp(24px, 3vw, 34px); border: 1px solid rgba(255,255,255,.85); box-shadow: 0 25px 65px rgba(63,54,130,.13); }
.register-card h2 { margin: 12px 0 20px; }
.register-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.register-fields label { margin-bottom: 12px; }
.register-fields input { min-height: 47px; }
.register-field-wide { grid-column: 1 / -1; }
.register-card .auth-switch { margin-top: 13px; }
.register-card .btn { min-height: 49px; margin-top: 1px; }

@media (max-width: 920px) {
    .register-shell { min-height: auto; padding-top: 22px; }
    .register-shell .register-card { max-width: none; justify-self: stretch; }
}

@media (max-width: 680px) {
    .register-page .app-container { padding-top: 0; }
    .register-shell { padding-top: 18px; }
    .register-shell .auth-copy h1 { font-size: clamp(2.8rem, 15vw, 4.2rem); }
    .register-shell .floating-cards { display: none; }
    .register-shell .register-card { padding: 24px 18px; }
    .register-fields { grid-template-columns: 1fr; }
    .register-field-wide { grid-column: auto; }
}