/* Shared, independent shell for sign-in and registration. */
.auth-shell {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(ellipse at 0% 15%, #fff3ea40, transparent 55%),
        radial-gradient(ellipse at 100% 100%, #fff3ea30, transparent 50%),
        #f5f7fa;
}

.auth-shell .container { max-width: 1120px; }
.auth-header { padding-block: 32px; }
.auth-main { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.auth-shell .account-page { gap: 72px; padding-block: 24px 64px; }
.auth-shell .account-story { max-width: 490px; }
.auth-shell .account-card { box-shadow: 0 24px 70px #171b240a; }

@media (max-width: 1000px) {
    .auth-shell .account-page { gap: 36px; }
}

@media (max-width: 700px) {
    .auth-header { display: flex; justify-content: center; padding-block: 24px; }
    .auth-shell .container { width: calc(100% - 32px); max-width: 480px; }
    .auth-main { justify-content: flex-start; }
    .auth-shell .account-page { gap: 28px; padding-block: 8px 36px; }
    .auth-shell .account-card { grid-row: 1; }
    .auth-shell .account-story { padding: 8px; }
    .auth-shell .account-story h1 { font-size: 30px; margin-block: 16px; }
}