@layer page {
    main {
        justify-self: center;
        background: linear-gradient(to top, #d5fbff, #ffd9d5);

        display: flex;
        flex-direction: column;
        align-items: center;

        padding: 4.5rem 3rem;
        gap: 4.5rem;

        @media screen and (max-width: 1024px) {
            padding: 3rem 1rem;
            gap: 3rem;

            .card {
                width: 100%;
            }
        }
    }
}