.ca-translator {
        background: linear-gradient(135deg, #f4f7fb, #ffffff);
        padding: 3rem 1.5rem;
        margin: 2rem 0;
        border-radius: 18px;
        box-shadow: 0 25px 65px -35px rgba(15, 25, 40, 0.5);
}

.ca-translator__inner {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
}

.ca-translator__form {
        display: grid;
        gap: 1.2rem;
        margin-top: 1.5rem;
}

.ca-translator__form label {
        text-align: left;
        font-weight: 600;
        color: #101828;
        display: grid;
        gap: 0.4rem;
}

.ca-translator__form input,
.ca-translator__form select {
        border: 1px solid #d0d5dd;
        border-radius: 12px;
        padding: 0.95rem 1.1rem;
        font-size: 1rem;
        background: #fff;
        transition: border-color 0.2s ease;
}

.ca-translator__form input:focus,
.ca-translator__form select:focus {
        border-color: #475467;
        outline: none;
        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}

.ca-translator__form button {
        background: #145af6;
        color: #fff;
        border: none;
        padding: 0.95rem 1.2rem;
        border-radius: 14px;
        font-size: 1.05rem;
        font-weight: 600;
        cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ca-translator__form button:hover {
        transform: translateY(-1px);
        box-shadow: 0 15px 30px -15px rgba(20, 90, 246, 0.8);
}

.ca-translator__feedback {
        margin-top: 1.5rem;
        font-weight: 600;
}

.ca-translator__feedback[data-state='error'] {
        color: #d92d20;
}

.ca-translator__feedback[data-state='success'] {
        color: #039855;
}

.ca-translator__feedback[data-state='loading'] {
        color: #145af6;
}