.tits-guest-redeem-v1 {
    margin:
        34px 0 55px;

    padding:
        30px;

    background:
        #171717;

    border:
        2px solid #ffd400;

    box-shadow:
        10px 10px 0 #ffd400;

    color:
        #ffffff;
}


.tits-guest-redeem-kicker {
    color:
        #ffd400;

    font-size:
        15px;

    font-weight:
        900;

    letter-spacing:
        .12em;
}


.tits-guest-redeem-v1 h2 {
    margin:
        5px 0 12px;

    color:
        #ffffff;

    font-size:
        clamp(
            30px,
            5vw,
            52px
        );

    line-height:
        1;
}


.tits-guest-redeem-lead {
    max-width:
        850px;

    font-size:
        19px;

    line-height:
        1.55;
}


.tits-guest-redeem-rules {
    margin:
        18px 0;

    padding:
        15px 18px;

    background:
        #080808;

    border-left:
        5px solid #ffd400;

    color:
        #dddddd;

    line-height:
        1.5;
}


.tits-guest-redeem-rules strong {
    color:
        #ffd400;
}


.tits-guest-redeem-error {
    margin:
        16px 0;

    padding:
        14px 16px;

    border:
        1px solid #ff6262;

    background:
        #2a0d0d;

    color:
        #ffffff;

    font-weight:
        800;
}


.tits-guest-redeem-form {
    margin-top:
        22px;
}


.tits-guest-redeem-form label {
    display:
        block;

    margin-bottom:
        8px;

    color:
        #ffd400;

    font-weight:
        900;
}


.tits-guest-redeem-row {
    display:
        flex;

    gap:
        10px;

    max-width:
        850px;
}


.tits-guest-redeem-row input {
    flex:
        1;

    min-width:
        0;

    box-sizing:
        border-box;

    padding:
        14px 16px;

    border:
        1px solid #555555;

    border-radius:
        6px;

    background:
        #070707;

    color:
        #ffffff;

    font-size:
        18px;

    font-weight:
        800;

    text-transform:
        uppercase;
}


.tits-guest-redeem-row input:focus {
    outline:
        2px solid #ffd400;

    border-color:
        #ffd400;
}


.tits-guest-redeem-row button {
    appearance:
        none;

    border:
        0;

    border-radius:
        6px;

    padding:
        14px 20px;

    background:
        #ffd400;

    color:
        #000000;

    font-size:
        16px;

    font-weight:
        900;

    cursor:
        pointer;
}


.tits-guest-redeem-row button:hover {
    transform:
        translateY(
            -1px
        );
}


.tits-guest-redeem-small {
    margin:
        18px 0 0;

    color:
        #aaaaaa;

    font-size:
        14px;
}


@media (
    max-width: 700px
) {

    .tits-guest-redeem-v1 {
        padding:
            20px;

        box-shadow:
            6px 6px 0 #ffd400;
    }


    .tits-guest-redeem-row {
        flex-direction:
            column;
    }


    .tits-guest-redeem-row button {
        width:
            100%;
    }
}