/* Path: Frontend/src/routes/landing.module.scss */

.landingPage {
    min-height: 100dvh;
    width: 100%;
    overflow: hidden;
    padding: 1.5rem;

    background:
        radial-gradient(circle at top left, var(--page-glow-primary), transparent 30%),
        radial-gradient(circle at bottom right, var(--page-glow-secondary), transparent 28%),
        linear-gradient(135deg, var(--page-gradient-start), var(--page-gradient-end));

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;

    h1 {
        color: var(--primary);
    }

    sub {
        font-weight: 300;
    }

    button {
        margin-top: 2rem;
        padding: 0.875rem 1.75rem;
        font-size: 1rem;
        font-weight: 500;
        color: var(--action-primary-text);
        background: linear-gradient(135deg, var(--action-primary-start), var(--action-primary-end));
        border: none;
        border-radius: 9999px;
        cursor: pointer;
        box-shadow: var(--action-primary-shadow);
        transition:
            transform 0.2s ease,
            box-shadow 0.2s ease,
            filter 0.2s ease;

        &:hover {
            transform: translateY(-1px);
            box-shadow: var(--action-primary-shadow-hover);
            filter: brightness(1.03);
        }
    }
}
