/*------------------------------
            IMPORTS
------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/*------------------------------
            GENERAL
------------------------------*/
body {
    font-family: 'Nunito', sans-serif;
}

/*------------------------------
            ALPINE
------------------------------*/
[x-cloak] {
    display: none !important;
}

/*------------------------------
        FORM CONTROL
------------------------------*/
.form-control.form-control-solid.is-invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
}

.form-select.form-select-solid.is-invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
}

/*------------------------------
    WIN2WIN LANDING (Astro match)
------------------------------*/
/* Brand gradient and purple */
.landing-win .bg-win,
.bg-win {
    background: linear-gradient(to right, #BC0DF1, #2563eb, #06b6d4);
}

.landing-win .text-purple,
.text-purple {
    color: #BC0DF1;
}

.landing-win .bg-purple,
.bg-purple {
    background-color: #BC0DF1;
}

.landing-win .border-purple,
.border-purple {
    border-color: #BC0DF1;
}

/* Buttons - Win2Win style */
.landing-win .btn-win,
.btn-win {
    background: linear-gradient(to right, #BC0DF1, #2563eb, #06b6d4);
    color: #fff;
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: opacity 0.3s, transform 0.3s;
}

.landing-win .btn-win:hover,
.btn-win:hover {
    color: #fff;
    opacity: 0.9;
    transform: scale(1.02);
}

.landing-win .btn-white,
.btn-white {
    background: #fff;
    color: #BC0DF1;
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: opacity 0.3s, transform 0.3s;
}

.landing-win .btn-white:hover,
.btn-white:hover {
    color: #BC0DF1;
    opacity: 0.9;
    transform: scale(1.02);
}

.landing-win .btn-white-outline,
.btn-white-outline {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: opacity 0.3s, transform 0.3s, background 0.3s, color 0.3s;
}

.landing-win .btn-white-outline:hover,
.btn-white-outline:hover {
    color: #BC0DF1;
    background: #fff;
    transform: scale(1.02);
}

/* Simulator range - purple thumb (landing) */
.landing-win .form-range::-webkit-slider-thumb {
    background: #BC0DF1;
    border: 2px solid #BC0DF1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.landing-win .form-range::-moz-range-thumb {
    background: #BC0DF1;
    border: 2px solid #BC0DF1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}