/* okitoki-v4 — lead form band (mock-up v-create-account) on the blue .v-section--primary. */

.v-create-account { position: relative; z-index: 2; }
.v-create-account__row {
    display: grid;
    grid-template-columns: 1fr 540px;
    gap: var(--v-space-2xl);
    padding: var(--v-space-3xl) 0;
}
.v-create-account__info { display: flex; flex-direction: column; justify-content: center; }
.v-create-account__header { margin-bottom: var(--v-space-lg); text-wrap: balance; }
.v-create-account__heading { margin-bottom: var(--v-space-xs); color: inherit; }
.v-create-account__description { margin: 0; opacity: .9; }
.v-create-account__form {
    width: 100%;
    max-width: 560px;
    padding: var(--v-space-lg);
    border: 1px solid rgb(var(--v-color-border));
    border-radius: var(--v-radius-lg);
    background-color: rgb(var(--v-color-surface));
    box-shadow: var(--v-shadow);
    color: rgb(var(--v-color-text));
}
.v-create-account__note {
    margin-top: var(--v-space-md);
    color: rgb(var(--v-color-text-secondary));
    font-size: var(--v-font-size-xs);
}
.v-create-account__note a { color: rgb(var(--v-color-primary)); }

@media (max-width: 1199.98px) {
    .v-create-account__row { grid-template-columns: 1fr; gap: var(--v-space-lg); padding: var(--v-space-2xl) 0; }
    .v-create-account__info { text-align: center; }
    .v-create-account__form { max-width: 100%; }
}