.captcha-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Poppins;
    background-color: #FFFFFF;
    padding: 20px;
}

.captcha-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    width: 300px;
    padding: 14px 20px;
    transition: all 0.2s ease;
}

    .captcha-box:hover {
        border-color: #b0b0b0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    }

.captcha-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

/* Hide the default checkbox */
.captcha-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Custom Checkbox Box */
.captcha-custom-checkbox {
    position: relative;
    height: 28px;
    width: 28px;
    background-color: #ffffff;
    border: 2px solid #c1c1c1;
    border-radius: 2px;
    transition: background-color 0.2s, border-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.captcha-box:hover .captcha-custom-checkbox {
    border-color: #888888;
}

/* Checkmark Icon (Hidden by default) */
.captcha-checkmark {
    width: 16px;
    height: 16px;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Checked State */
.captcha-input:checked ~ .captcha-custom-checkbox {
    background-color: #557a46; /* Olive green accent */
    border-color: #557a46;
}

    .captcha-input:checked ~ .captcha-custom-checkbox .captcha-checkmark {
        opacity: 1;
        transform: scale(1);
    }

/* Label Text */
.captcha-text {
    margin-left: 12px;
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 400;
}

/* Branding Area */
.captcha-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.captcha-shield-icon {
    width: 22px;
    height: 26px;
    background: #557a46;
    clip-path: polygon(50% 0%, 100% 20%, 100% 60%, 50% 100%, 0% 60%, 0% 20%);
    margin-bottom: 2px;
}

.captcha-brand {
    font-size: 10px;
    color: #555555;
    font-weight: 600;
    letter-spacing: 0.5px;
}