.qsw {
    --p: #4a1aa8;
    --p2: #6b2bd9;
    --o: #f26b1d;
    --ink: #2a1650;
    --muted: #5b4a7a;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 48px 40px 0;
    color: var(--ink);
    background: radial-gradient(
        1200px 500px at 50% 0%,
        #fff 0%,
        #f3eefc 55%,
        #e8dcfb 100%
    );
    box-sizing: border-box;
}
.qsw *,
.qsw *::before,
.qsw *::after {
    box-sizing: border-box;
}
.qsw-feats,
.qsw-trust,
.qsw-strip {
    padding: 0;
}
.qsw-feats,
.qsw-trust {
    margin: 0;
}
.qsw-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr 1fr;
    gap: 32px;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
}

/* Hero */
.qsw-pill {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    background: linear-gradient(90deg, #f26b1d, #ff8a2b);
    color: #fff;
    padding: 8px 22px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 400;
    box-shadow: 0 6px 18px rgba(242, 107, 29, 0.3);
}
.qsw-title {
    margin: 18px 0 6px;
    font-size: clamp(32px, 3.4vw, 50px);
    line-height: 1.05;
    font-weight: 900;
    font-style: italic;
    color: var(--p);
    letter-spacing: -0.5px;
}
.qsw-title em {
    display: block;
    color: var(--o);
    font-weight: 800;
}
.qsw-swoosh {
    display: block;
    width: 180px;
    height: 10px;
    margin: 4px 0 18px 140px;
    border-top: 4px solid var(--o);
    border-radius: 50%;
}
.qsw-sub {
    font-size: 17px;
    line-height: 1.3;
    color: var(--p);
    font-weight: 600;
    margin: 0 0 22px;
}
.qsw-feats {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.qsw-feats div {
    flex: 1 1 110px;
    background: #fff;
    border-radius: 16px;
    padding: 14px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: var(--p);
    box-shadow: 0 8px 24px rgba(74, 26, 168, 0.1);
}
.qsw-feats div span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    margin-bottom: 6px;
}
.qsw-feats div span svg {
    height: 34px;
    width: auto;
    display: block;
}

/* Wheel */
.qsw-wheel-col {
    display: flex;
    justify-content: center;
}
.qsw-wheel-wrap {
    position: relative;
    width: min(100%, 520px);
    aspect-ratio: 1/1.12;
}
.qsw-wheel {
    position: absolute;
    inset: 0 0 auto 0;
    aspect-ratio: 1;
    filter: drop-shadow(0 18px 30px rgba(74, 26, 168, 0.35));
    z-index: 2;
}
.qsw-svg {
    width: 100%;
    height: 100%;
    display: block;
}
.qsw-rotor {
    transform-origin: 0 0;
    will-change: transform;
}
.qsw-txt {
    transform-box: fill-box;
    transform-origin: center;
    will-change: transform;
}
.qsw-svg text {
    font-family: inherit;
    paint-order: stroke;
    stroke: rgba(0, 0, 0, 0.08);
    stroke-width: 1px;
}
.qsw-l {
    fill: #fff7d1;
    filter: drop-shadow(0 0 4px #ffe680);
}
.qsw-l.b {
    fill: #ffffff;
}
.qsw.is-spinning .qsw-l.a {
    animation: qswBlink 0.35s infinite alternate;
}
.qsw.is-spinning .qsw-l.b {
    animation: qswBlink 0.35s 0.17s infinite alternate;
}
@keyframes qswBlink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.25;
    }
}
.qsw-pointer {
    position: absolute;
    left: 50%;
    top: -3%;
    width: 11%;
    aspect-ratio: 0.82;
    transform: translateX(-50%);
    z-index: 4;
    background: radial-gradient(
        circle at 50% 34%,
        #fff 0 15%,
        #f5a300 16% 22%,
        #ffd84d 23%
    );
    clip-path: polygon(
        50% 100%,
        12% 52%,
        4% 32%,
        14% 10%,
        36% 0,
        64% 0,
        86% 10%,
        96% 32%,
        88% 52%
    );
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25));
}
.qsw-hub {
    position: absolute;
    left: 50%;
    top: calc(50% / 1.12);
    width: 26%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    z-index: 3;
    border-radius: 50%;
    background: #fff;
    display: grid;
    place-items: center;
    box-shadow: 0 0 0 6px #ece4fb, 0 6px 18px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.qsw-hub img {
    width: 78%;
    height: auto;
}
.qsw-hub-txt {
    text-align: center;
    font-size: clamp(9px, 1vw, 12px);
    letter-spacing: 2px;
    color: #333;
    line-height: 1.1;
}
.qsw-hub-txt b {
    display: block;
    font-size: 2.4em;
    color: #e2231a;
    letter-spacing: 1px;
}
.qsw-stand {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 62%;
    height: 16%;
    z-index: 1;
    background: linear-gradient(180deg, #7c3cf0, #3c128c);
    clip-path: polygon(
        28% 0,
        72% 0,
        80% 55%,
        100% 70%,
        100% 100%,
        0 100%,
        0 70%,
        20% 55%
    );
    border-radius: 0 0 50% 50%/0 0 30% 30%;
    box-shadow: 0 0 30px rgba(255, 170, 90, 0.6);
}

/* Card */
.qsw-card {
    background: #fff;
    border-radius: 28px;
    padding: 30px 26px 22px;
    box-shadow: 0 20px 50px rgba(74, 26, 168, 0.15);
}
.qsw-card h3 {
    margin: 0;
    text-align: center;
    color: var(--p);
    font-size: 28px;
    font-weight: 800;
}
.qsw-card-sub {
    text-align: center;
    color: var(--p);
    margin: 6px 0 18px;
    font-size: 15px;
}
.qsw-field {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1.5px solid #ddd3ef;
    border-radius: 12px;
    padding: 0 14px;
    margin-bottom: 12px;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.qsw-field:focus-within {
    border-color: var(--p2);
    box-shadow: 0 0 0 3px rgba(107, 43, 217, 0.15);
}
.qsw-ico {
    font-size: 16px;
    opacity: 0.75;
    filter: grayscale(1);
}
.qsw-field input {
    flex: 1;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    padding: 14px 0 !important;
    font-size: 16px;
    color: var(--ink);
    box-shadow: none !important;
    margin: 0 !important;
    min-width: 0;
}
.qsw-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.qsw-error {
    min-height: 20px;
    margin: 0 0 6px;
    color: #d4183d;
    font-size: 14px;
    font-weight: 600;
}
.qsw-btn {
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 16px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #6b1fc4 0%, #8a35d6 50%, #f2861d 100%);
    box-shadow: 0 10px 24px rgba(107, 31, 196, 0.35);
    transition: transform 0.15s, filter 0.15s;
}
.qsw-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}
.qsw-btn:disabled {
    opacity: 0.75;
    cursor: wait;
    transform: none;
}
.qsw-trust {
    display: flex;
    margin-top: 22px !important;
    padding-top: 16px;
    border-top: 1px solid #eee;
}
.qsw-trust div {
    flex: 1;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    padding: 0 4px;
}
.qsw-trust div + div {
    border-left: 1px solid #eee;
}
.qsw-trust div span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    margin-bottom: 6px;
}
.qsw-trust div span svg {
    height: 24px;
    width: auto;
    display: block;
}

/* Result */
.qsw-result {
    text-align: center;
    padding: 10px 4px;
    animation: qswPop 0.4s ease-out;
}
.qsw-confetti {
    font-size: 54px;
}
.qsw-result h3 {
    margin: 6px 0 2px;
}
.qsw-won-lbl {
    margin: 10px 0 2px;
    color: var(--muted);
    font-size: 14px;
}
.qsw-won {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    color: var(--o);
}
.qsw-note {
    margin: 16px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.5;
}
@keyframes qswPop {
    from {
        opacity: 0;
        transform: scale(0.94);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* Bottom strip */
.qsw-strip {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 36px -40px 0;
    padding: 58px 20px 22px;
    background: linear-gradient(90deg, #3d1290, #5a1fc0 50%, #3d1290);
    color: #fff;
    /* Wavy top edge: gentle at the start, rising toward the end */
    --qsw-wave: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%201440%2040%27%20preserveAspectRatio=%27none%27%3E%3Cpath%20d=%27M0%2032%20C200%2026%20380%2026%20560%2031%20C760%2037%20960%2032%201140%2016%20C1280%205%201380%201%201440%200%20L1440%2040%20L0%2040%20Z%27%20fill=%27%23000%27/%3E%3C/svg%3E);
    -webkit-mask: var(--qsw-wave) top / 100% 40px no-repeat,
        linear-gradient(#000, #000) bottom / 100% calc(100% - 39px) no-repeat;
    mask: var(--qsw-wave) top / 100% 40px no-repeat,
        linear-gradient(#000, #000) bottom / 100% calc(100% - 39px) no-repeat;
}
.qsw-strip div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 28px;
    font-size: 15px;
    line-height: 1.3;
    max-width: 280px;
}
.qsw-strip div + div {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.qsw-strip div span {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}
.qsw-strip div span svg {
    height: 34px;
    width: auto;
    display: block;
}

/* Responsive */
@media (max-width: 1100px) {
    .qsw-grid {
        grid-template-columns: 1fr 1fr;
    }
    .qsw-hero {
        grid-column: 1/-1;
        text-align: center;
    }
    .qsw-swoosh {
        margin: 4px auto 18px;
    }
    .qsw-feats {
        justify-content: center;
        max-width: 560px;
        margin: 0 auto;
    }
}
@media (max-width: 760px) {
    .qsw {
        padding: 28px 16px 0;
        border-radius: 16px;
    }
    .qsw-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .qsw-wheel-wrap {
        width: min(100%, 380px);
    }
    .qsw-card {
        padding: 24px 18px 18px;
    }
    .qsw-card h3 {
        font-size: 24px;
    }
    .qsw-sub {
        font-size: 16px;
    }
    .qsw-strip {
        margin: 28px -16px 0;
    }
    .qsw-strip div {
        flex: 1 1 50%;
        max-width: none;
        padding: 8px 10px;
        font-size: 13px;
    }
    .qsw-strip div + div {
        border-left: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .qsw-rotor {
        transition-duration: 0.01s !important;
    }
}

/*.qsw {*/
/*    --p: #4a1aa8;*/
/*    --p2: #6b2bd9;*/
/*    --o: #f26b1d;*/
/*    --ink: #2a1650;*/
/*    --muted: #5b4a7a;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    border-radius: 24px;*/
/*    padding: 48px 40px 0;*/
/*    color: var(--ink);*/
/*    background: radial-gradient(*/
/*        1200px 500px at 50% 0%,*/
/*        #fff 0%,*/
/*        #f3eefc 55%,*/
/*        #e8dcfb 100%*/
/*    );*/
/*    font-family: inherit;*/
/*    box-sizing: border-box;*/
/*}*/
/*.qsw *,*/
/*.qsw *::before,*/
/*.qsw *::after {*/
/*    box-sizing: border-box;*/
/*}*/
/*.qsw ul {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*}*/
/*.qsw-feats,*/
/*.qsw-trust {*/
/*    margin: 0;*/
/*}*/
/*.qsw-grid {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1.15fr 1fr;*/
/*    gap: 32px;*/
/*    align-items: center;*/
/*    max-width: 1280px;*/
/*    margin: 0 auto;*/
/*}*/

/* Hero */
/*.qsw-pill {*/
/*    display: inline-flex;*/
/*    gap: 8px;*/
/*    align-items: center;*/
/*    background: linear-gradient(90deg, #f26b1d, #ff8a2b);*/
/*    color: #fff;*/
/*    padding: 8px 22px;*/
/*    border-radius: 999px;*/
/*    font-size: 15px;*/
/*    font-weight: 600;*/
/*    box-shadow: 0 6px 18px rgba(242, 107, 29, 0.3);*/
/*}*/
/*.qsw-title {*/
/*    margin: 18px 0 6px;*/
/*    font-size: clamp(32px, 3.4vw, 50px);*/
/*    line-height: 1.05;*/
/*    font-weight: 900;*/
/*    font-style: italic;*/
/*    color: var(--p);*/
/*    letter-spacing: -0.5px;*/
/*}*/
/*.qsw-title em {*/
/*    display: block;*/
/*    color: var(--o);*/
/*}*/
/*.qsw-swoosh {*/
/*    display: block;*/
/*    width: 180px;*/
/*    height: 10px;*/
/*    margin: 4px 0 18px 140px;*/
/*    border-top: 4px solid var(--o);*/
/*    border-radius: 50%;*/
/*}*/
/*.qsw-sub {*/
/*    font-size: 19px;*/
/*    line-height: 1.5;*/
/*    color: var(--p);*/
/*    font-weight: 500;*/
/*    margin: 0 0 22px;*/
/*}*/
/*.qsw-feats {*/
/*    display: flex;*/
/*    gap: 12px;*/
/*    flex-wrap: wrap;*/
/*    list-style-type: none;*/
/*}*/
/*.qsw-feats li {*/
/*    flex: 1 1 110px;*/
/*    background: #fff;*/
/*    border-radius: 16px;*/
/*    padding: 14px 10px;*/
/*    text-align: center;*/
/*    font-weight: 600;*/
/*    font-size: 14px;*/
/*    color: var(--p);*/
/*    box-shadow: 0 8px 24px rgba(74, 26, 168, 0.1);*/
/*    list-style-type: none !important;*/
/*}*/
/*.qsw-feats li span {*/
/*    display: block;*/
/*    font-size: 26px;*/
/*    margin-bottom: 4px;*/
/*}*/

/* Wheel */
/*.qsw-wheel-col {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/
/*.qsw-wheel-wrap {*/
/*    position: relative;*/
/*    width: min(100%, 520px);*/
/*    aspect-ratio: 1/1.12;*/
/*}*/
/*.qsw-wheel {*/
/*    position: absolute;*/
/*    inset: 0 0 auto 0;*/
/*    aspect-ratio: 1;*/
/*    filter: drop-shadow(0 18px 30px rgba(74, 26, 168, 0.35));*/
/*    z-index: 2;*/
/*}*/
/*.qsw-svg {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: block;*/
/*}*/
/*.qsw-rotor {*/
/*    transform-origin: 0 0;*/
/*    will-change: transform;*/
/*}*/
/*.qsw-txt {*/
/*    transform-box: fill-box;*/
/*    transform-origin: center;*/
/*    will-change: transform;*/
/*}*/
/*.qsw-svg text {*/
/*    font-family: inherit;*/
/*    paint-order: stroke;*/
/*    stroke: rgba(0, 0, 0, 0.08);*/
/*    stroke-width: 1px;*/
/*}*/
/*.qsw-l {*/
/*    fill: #fff7d1;*/
/*    filter: drop-shadow(0 0 4px #ffe680);*/
/*}*/
/*.qsw-l.b {*/
/*    fill: #ffffff;*/
/*}*/
/*.qsw.is-spinning .qsw-l.a {*/
/*    animation: qswBlink 0.35s infinite alternate;*/
/*}*/
/*.qsw.is-spinning .qsw-l.b {*/
/*    animation: qswBlink 0.35s 0.17s infinite alternate;*/
/*}*/
/*@keyframes qswBlink {*/
/*    from {*/
/*        opacity: 1;*/
/*    }*/
/*    to {*/
/*        opacity: 0.25;*/
/*    }*/
/*}*/
/*.qsw-pointer {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: -3%;*/
/*    width: 11%;*/
/*    aspect-ratio: 0.82;*/
/*    transform: translateX(-50%);*/
/*    z-index: 4;*/
/*    background: radial-gradient(*/
/*        circle at 50% 34%,*/
/*        #fff 0 15%,*/
/*        #f5a300 16% 22%,*/
/*        #ffd84d 23%*/
/*    );*/
/*    clip-path: polygon(*/
/*        50% 100%,*/
/*        12% 52%,*/
/*        4% 32%,*/
/*        14% 10%,*/
/*        36% 0,*/
/*        64% 0,*/
/*        86% 10%,*/
/*        96% 32%,*/
/*        88% 52%*/
/*    );*/
/*    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25));*/
/*}*/
/*.qsw-hub {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: calc(50% / 1.12);*/
/*    width: 26%;*/
/*    aspect-ratio: 1;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 3;*/
/*    border-radius: 50%;*/
/*    background: #fff;*/
/*    display: grid;*/
/*    place-items: center;*/
/*    box-shadow: 0 0 0 6px #ece4fb, 0 6px 18px rgba(0, 0, 0, 0.25);*/
/*    overflow: hidden;*/
/*}*/
/*.qsw-hub img {*/
/*    width: 78%;*/
/*    height: auto;*/
/*}*/
/*.qsw-hub-txt {*/
/*    text-align: center;*/
/*    font-size: clamp(9px, 1vw, 12px);*/
/*    letter-spacing: 2px;*/
/*    color: #333;*/
/*    line-height: 1.1;*/
/*}*/
/*.qsw-hub-txt b {*/
/*    display: block;*/
/*    font-size: 2.4em;*/
/*    color: #e2231a;*/
/*    letter-spacing: 1px;*/
/*}*/
/*.qsw-stand {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    bottom: 0;*/
/*    transform: translateX(-50%);*/
/*    width: 62%;*/
/*    height: 16%;*/
/*    z-index: 1;*/
/*    background: linear-gradient(180deg, #7c3cf0, #3c128c);*/
/*    clip-path: polygon(*/
/*        28% 0,*/
/*        72% 0,*/
/*        80% 55%,*/
/*        100% 70%,*/
/*        100% 100%,*/
/*        0 100%,*/
/*        0 70%,*/
/*        20% 55%*/
/*    );*/
/*    border-radius: 0 0 50% 50%/0 0 30% 30%;*/
/*    box-shadow: 0 0 30px rgba(255, 170, 90, 0.6);*/
/*}*/

/* Card */
/*.qsw-card {*/
/*    background: #fff;*/
/*    border-radius: 28px;*/
/*    padding: 30px 26px 22px;*/
/*    box-shadow: 0 20px 50px rgba(74, 26, 168, 0.15);*/
/*}*/
/*.qsw-card h3 {*/
/*    margin: 0;*/
/*    text-align: center;*/
/*    color: var(--p);*/
/*    font-size: 28px;*/
/*    font-weight: 800;*/
/*}*/
/*.qsw-card-sub {*/
/*    text-align: center;*/
/*    color: var(--p);*/
/*    margin: 6px 0 18px;*/
/*    font-size: 15px;*/
/*}*/
/*.qsw-field {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*    border: 1.5px solid #ddd3ef;*/
/*    border-radius: 12px;*/
/*    padding: 0 14px;*/
/*    margin-bottom: 12px;*/
/*    background: #fff;*/
/*    transition: border-color 0.15s, box-shadow 0.15s;*/
/*}*/
/*.qsw-field:focus-within {*/
/*    border-color: var(--p2);*/
/*    box-shadow: 0 0 0 3px rgba(107, 43, 217, 0.15);*/
/*}*/
/*.qsw-ico {*/
/*    font-size: 16px;*/
/*    opacity: 0.75;*/
/*    filter: grayscale(1);*/
/*}*/
/*.qsw-field input {*/
/*    flex: 1;*/
/*    border: 0 !important;*/
/*    outline: 0;*/
/*    background: transparent !important;*/
/*    padding: 14px 0 !important;*/
/*    font-size: 16px;*/
/*    color: var(--ink);*/
/*    box-shadow: none !important;*/
/*    margin: 0 !important;*/
/*    min-width: 0;*/
/*}*/
/*.qsw-hp {*/
/*    position: absolute !important;*/
/*    left: -9999px !important;*/
/*    width: 1px;*/
/*    height: 1px;*/
/*    opacity: 0;*/
/*}*/
/*.qsw-error {*/
/*    min-height: 20px;*/
/*    margin: 0 0 6px;*/
/*    color: #d4183d;*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*}*/
/*.qsw-btn {*/
/*    width: 100%;*/
/*    border: 0;*/
/*    border-radius: 14px;*/
/*    padding: 16px;*/
/*    font-size: 22px;*/
/*    font-weight: 700;*/
/*    color: #fff;*/
/*    cursor: pointer;*/
/*    background: linear-gradient(90deg, #6b1fc4 0%, #8a35d6 50%, #f2861d 100%);*/
/*    box-shadow: 0 10px 24px rgba(107, 31, 196, 0.35);*/
/*    transition: transform 0.15s, filter 0.15s;*/
/*}*/
/*.qsw-btn:hover {*/
/*    transform: translateY(-1px);*/
/*    filter: brightness(1.05);*/
/*}*/
/*.qsw-btn:disabled {*/
/*    opacity: 0.75;*/
/*    cursor: wait;*/
/*    transform: none;*/
/*}*/
/*.qsw-trust {*/
/*    display: flex;*/
/*    margin-top: 22px !important;*/
/*    padding-top: 16px;*/
/*    border-top: 1px solid #eee;*/
/*}*/
/*.qsw-trust li {*/
/*    flex: 1;*/
/*    text-align: center;*/
/*    font-size: 13px;*/
/*    font-weight: 600;*/
/*    color: var(--ink);*/
/*    padding: 0 4px;*/
/*}*/
/*.qsw-trust li + li {*/
/*    border-left: 1px solid #eee;*/
/*}*/
/*.qsw-trust li span {*/
/*    display: block;*/
/*    font-size: 20px;*/
/*    margin-bottom: 4px;*/
/*}*/

/* Result */
/*.qsw-result {*/
/*    text-align: center;*/
/*    padding: 10px 4px;*/
/*    animation: qswPop 0.4s ease-out;*/
/*}*/
/*.qsw-confetti {*/
/*    font-size: 54px;*/
/*}*/
/*.qsw-result h3 {*/
/*    margin: 6px 0 2px;*/
/*}*/
/*.qsw-won-lbl {*/
/*    margin: 10px 0 2px;*/
/*    color: var(--muted);*/
/*    font-size: 14px;*/
/*}*/
/*.qsw-won {*/
/*    margin: 0;*/
/*    font-size: 24px;*/
/*    font-weight: 800;*/
/*    color: var(--o);*/
/*}*/
/*.qsw-note {*/
/*    margin: 16px 0 0;*/
/*    color: var(--muted);*/
/*    font-size: 15px;*/
/*    line-height: 1.5;*/
/*}*/
/*@keyframes qswPop {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: scale(0.94);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: none;*/
/*    }*/
/*}*/

/* Bottom strip */
/*.qsw-strip {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    flex-wrap: wrap;*/
/*    margin: 36px -40px 0;*/
/*    padding: 22px 20px;*/
/*    background: linear-gradient(90deg, #3d1290, #5a1fc0 50%, #3d1290);*/
/*    color: #fff;*/
/*}*/
/*.qsw-strip li {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    padding: 6px 28px;*/
/*    font-size: 15px;*/
/*    line-height: 1.3;*/
/*    max-width: 280px;*/
/*}*/
/*.qsw-strip li + li {*/
/*    border-left: 1px solid rgba(255, 255, 255, 0.3);*/
/*}*/
/*.qsw-strip li span {*/
/*    font-size: 28px;*/
/*}*/

/* Responsive */
/*@media (max-width: 1100px) {*/
/*    .qsw-grid {*/
/*        grid-template-columns: 1fr 1fr;*/
/*    }*/
/*    .qsw-hero {*/
/*        grid-column: 1/-1;*/
/*        text-align: center;*/
/*    }*/
/*    .qsw-swoosh {*/
/*        margin: 4px auto 18px;*/
/*    }*/
/*    .qsw-feats {*/
/*        justify-content: center;*/
/*        max-width: 560px;*/
/*        margin: 0 auto;*/
/*    }*/
/*}*/
/*@media (max-width: 760px) {*/
/*    .qsw {*/
/*        padding: 28px 16px 0;*/
/*        border-radius: 16px;*/
/*    }*/
/*    .qsw-grid {*/
/*        grid-template-columns: 1fr;*/
/*        gap: 22px;*/
/*    }*/
/*    .qsw-wheel-wrap {*/
/*        width: min(100%, 380px);*/
/*    }*/
/*    .qsw-card {*/
/*        padding: 24px 18px 18px;*/
/*    }*/
/*    .qsw-card h3 {*/
/*        font-size: 24px;*/
/*    }*/
/*    .qsw-sub {*/
/*        font-size: 16px;*/
/*    }*/
/*    .qsw-strip {*/
/*        margin: 28px -16px 0;*/
/*    }*/
/*    .qsw-strip li {*/
/*        flex: 1 1 50%;*/
/*        max-width: none;*/
/*        padding: 8px 10px;*/
/*        font-size: 13px;*/
/*    }*/
/*    .qsw-strip li + li {*/
/*        border-left: 0;*/
/*    }*/
/*}*/
/*@media (prefers-reduced-motion: reduce) {*/
/*    .qsw-rotor {*/
/*        transition-duration: 0.01s !important;*/
/*    }*/
/*}*/
