/* ── Auth pages (sign in / sign up) ── */

.signin-card {
    width: 100%;
    max-width: 420px;
}

@media (min-width: 768px) {
    .signin-card {
        max-width: 380px;
    }
}

/* Updated .blueprint-container: replace the existing rule in your stylesheet with this one */
.blueprint-container {
    min-height: calc(100vh - 79px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('Images/neoki839247-hexagon-5552082_1920.png');
    background-color: #141629;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 24px 16px;
}

@media (max-width: 767.98px) {
    .blueprint-container {
        min-height: calc(100vh - 79px - 64px); /* header + bottom nav */
        padding: 24px 16px calc(24px + env(safe-area-inset-bottom, 0px));
    }
}