/* Sign in — SignInView.swift, and on a big screen the words beside the form. */

.signin {
    max-width: 520px;
    margin: 0 auto;
    padding: 44px 28px calc(40px + env(safe-area-inset-bottom));
}
.signin__mark { width: 190px; max-width: 60%; margin-bottom: 40px; }
.signin__title { font-size: 34px; line-height: 1.22; margin-bottom: 14px; }
.signin__lead { font-size: 16px; line-height: 1.6; color: var(--text-2); margin-bottom: 34px; }
.signin__divider { margin-bottom: 26px; }
.signin__form { display: flex; flex-direction: column; gap: 12px; }
.signin__form > .label-caps { margin-bottom: -4px; }
.signin__say { font-size: 16px; line-height: 1.5; margin-bottom: 6px; }
.signin__form .checkbox { margin: 6px 0; }
.signin__form .btn { margin-top: 8px; }
.signin__form .small { margin-top: 2px; }

@media (min-width: 900px) {
    .signin {
        max-width: 1080px;
        min-height: 100vh;
        min-height: 100dvh;
        display: grid;
        grid-template-columns: 1fr minmax(380px, 440px);
        align-items: center;
        gap: 80px;
        padding: 56px 56px;
    }
    .signin__mark { width: 260px; margin-bottom: 48px; }
    .signin__title { font-size: 52px; }
    .signin__lead { font-size: 18px; max-width: 460px; margin-bottom: 0; }
    .signin__divider { display: none; }
    .signin__form {
        padding: 32px;
        border-radius: 24px;
        border: 1px solid var(--card-edge);
    }
}