/* [SECTION] Auth */

.auth {
    width: 100%;
    min-height: 100%;
    
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;

    padding: var(--space-xl);
}

.auth__main {
    width: 100%;
    
    grid-column: 2 / span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-m);
}

.auth__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-m);
}

.fold__heading {
    text-align: center;
}

.fold__p {
    text-align: center;
}

.auth__form {
    width: 100%;

	border: 1px solid rgba(var(--c-base-white), 0.08);
	border-radius: var(--radius-s);

	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);

	background-color: rgba(var(--c-base-white), 0.04);

    box-shadow: 0px 0px 40px 40px rgba(var(--c-brand-02), 0.02);

    display: flex;
    flex-direction: column;
    gap: var(--space-m);

    padding: var(--space-xl);
}

.auth__form-cta {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-m);
}

.auth__form-cta > .c-response-message {
    text-align: center;
}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
    /* [SECTION] Auth */

    .auth {
        display: flex;
    }
}

@media (max-width: 768px) {
    
}

@media (max-width: 480px) {
    
}