.start-page {

    min-height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px;

    background:
        linear-gradient(
            rgba(5,10,15,.75),
            rgba(5,10,15,.75)
        ),
        url("/static/images/hero-desktop.webp");

    background-size: cover;
    background-position: center;
}

.start-card {

    width: 100%;
    max-width: 580px;

    padding: 40px;

    border-radius: 24px;

    background: rgba(255,255,255,.95);

    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    color: #222;
}

.start-card h1 {

    margin-bottom: 20px;
    color: #222;
}

.start-card p {

    margin-bottom: 30px;
    color: 222;
}

.form-group {

    margin-bottom: 25px;
}

.form-group label {

    display: block;

    margin-bottom: 8px;

    font-weight: 600;
    color: #222;
}

.form-group input {

    width: 100%;

    padding: 14px;

    border: 1px solid #ddd;

    border-radius: 12px;

    font-size: 1rem;
}

.start-btn {

    display: block;

    width: 100%;

    padding: 16px 24px;

    margin-top: 20px;

    border: none;

    border-radius: 999px;

    background: #c9a15b;

    color: #fff;

    font-size: 1rem;

    font-weight: 700;

    cursor: pointer;

    text-align: center;

    transition: all .2s ease;
}

.start-btn:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(201,161,91,.35);
}

.privacy-note {
    font-size: .9rem;
    color: #777;
    margin-top: -10px;
    margin-bottom: 25px;
}