.aceq-wrap {
    display:flex;
    justify-content:center;
    padding:30px;
    background:linear-gradient(135deg,#e0f7ff,#fde7ff);
}

.aceq-card {
    background:#fff;
    padding:24px;
    border-radius:28px;
    max-width:420px;
    width:100%;
    text-align:center;
    font-family:Poppins,Arial;
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

#aceq-category {
    padding:10px;
    border-radius:12px;
}

.aceq-letter {
    width:120px;height:120px;
    margin:14px auto;
    font-size:80px;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg,#6a5cff,#00c6ff);
    border-radius:26px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.aceq-options button {
    width:100%;
    margin:8px 0;
    padding:14px;
    border-radius:18px;
    border:none;
    font-size:18px;
    cursor:pointer;
    background:#f3f3f3;
}

.correct {
    background:#4caf50 !important;
    color:#fff;
    animation:bounce .5s;
}

.wrong {
    background:#f44336 !important;
    color:#fff;
    animation:shake .4s;
}

@keyframes bounce {
    0%{transform:scale(1)}
    50%{transform:scale(1.2)}
    100%{transform:scale(1)}
}

@keyframes shake {
    0%{transform:translateX(0)}
    25%{transform:translateX(-5px)}
    50%{transform:translateX(5px)}
    100%{transform:translateX(0)}
}