/* styling for sign up / login pages */

    /* shared container for sign-up/login */
    .sign-up, .login-container, .user {
    width: 600px;
    max-width: 92%;
    margin: 3rem auto;
    text-align: center;
    color: rgb(17,31,83);
    background: rgba(255,255,255,0.92);
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(9, 30, 66, 0.12);
    }

    .sign-up h1, .login-container h1, .user h1 {
    font-size: 48px;
    margin: 0 0 1rem 0;
    color: #112052;
    }

    .sign-up form, .login-container form, .user form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
    margin-top: 10px;
    }

    /* inputs for forms */
    .sign-up input, .login-container input, .user input {
    padding: 12px 14px;
    font-size: 1rem;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    background: white;
    }