@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

.terms-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 auto 24px;
    max-width: 460px;
    text-align: left;
}

    .terms-check input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        min-width: 18px;
        border: 2px solid #403b74;
        border-radius: 4px;
        background-color: #fff;
        cursor: pointer;
        position: relative;
        transition: all 0.2s ease;
        margin-top: 2px;
    }

        .terms-check input[type="checkbox"]:checked {
            background-color: #403b74;
            border-color: #403b74;
        }

            .terms-check input[type="checkbox"]:checked::after {
                content: "";
                position: absolute;
                left: 4px;
                top: 0px;
                width: 5px;
                height: 10px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }

    .terms-check label {
        font-size: 13px;
        color: #444;
        line-height: 1.5;
        cursor: pointer;
    }

        .terms-check label a {
            color: #403b74;
            font-weight: 600;
            text-decoration: underline;
        }

            .terms-check label a:hover {
                color: #d43446;
            }